Adobe Interactive Forms Tutorials 


Step-by-Step Tutorials 


Getting started with Adobe Forms with a simple exercise (More details) 

Create table (More details) 

Create table using subform (More details) 

Using Alternative in Adobe Forms (More details) 

Using Text Modules in Adobe Forms (More details) 

Value help in Adobe interactive forms (More details) 

Making subform behave as table and data part as body row (More details) 

Using Where conditions to relate header and item tables in Adobe forms (More details) 
Demo on Nested tables (More details) 

Achieving Control levels functionality in Adobe Forms (More details) 

Calculating Page-wise Sub-Totals and Grand Total in Adobe forms (More details) 
Including the Standard Texts (SO10) and any other Long Texts in the Adobe Forms (More 
details) 

Scenario on displaying logo, background image and fetching data from multiple tables 
(More details) 

Printing Address using Business Address Services (BAS) (More details) 

Printing Address without using Business Address Services (BAS) (More details) 
Configuring the Adobe Forms / Smart forms / SAP Script to the output type in NACE (More 
details) 

Demo on Adobe interactive forms using WebDynpro for ABAP Part 1 (More details) 
Demo on Adobe forms using WebDynpro for ABAP Part 2 (More details) 

Printing labels using Adobe Forms (More details) 

Migration of an SAP Smart form to Adobe Form (More details) 

Using Multiple Master and Body pages (More details) 

Sending an Adobe form as an attachment in an email (More details) 

Uploading a PDF file in an Adobe Form offline scenario (More details) 

Offline scenario to download an adobe form using Web Dynpro for ABAP (More details) 
Offline scenario to upload a filled-in adobe form using Web Dynpro for ABAP (More 
details) 

Using Web Services in Adobe Forms (More details) 

Achieving Conditional-breaks in Adobe Forms (More details) 

Online Scenario - Travel Request Form (More details) 

Steps for creating a Web Dynpro Component for Adobe interactive Forms using the 
Enumerated Drop Down Box (More details) 

Upload Photos/images into custom table & Print in Adobe form (More details) 

Adding rows dynamically in a table using interactive Adobe Forms (More details) 

Hiding a Field Using Javascript in Adobe Form based on the condition (More details) 
Sending Adobe forms as "PDF" attachment using Email Submit Button (More details) 
Custom Dialog Box Message while Saving the Adobe Form without filling the Mandatory 
Fields (More details) 

Digital signature in Adobe forms (More details) 

Validation of date and calculation of the number of days between two dates using Java 
Script (More details) NEW 

Quick testing for Adobe Forms (More details) NEW 

Date validation in interactive adobe forms (More details) NEW 


Getting started with Adobe Forms 


Before starting this tutorial, please ensure that Adobe life cycle designer is installed on your 
system and Adobe designer is configured on your server. 


In this tutorial, we would pass a parameter (CARRID) to the form and print the same with a 
page heading. 


Go to transaction SFP. 


lities Environme 


Form Builder: Entry Point 


OForm 
@ Interface 


For every form, an interface is mandatory. Enter the name of the interface and click on 
Create. 


[Œ Create Interface 


Interface [ZDEMO INTERFACE 
Description For demo purpose 


Click on Save. Enter the package and the workbench request no as per the requirements. 


Following screen appears: 


Form Builder: — — ZDEMO INTERFACE 


[8] Exceptions 

2 © Global Definitions 
[8] Global Data 
E) Types 
E) Field Symbols 

7 © Initialization 
[8] Code Initialization 
[8] FORM Routines 

€ Currency/Quantity Fields 

[8] Currency/Quantity Fields 


Double-click on Import. 


Following screen, with a default parameter name, appears: 


Flow ne Decano | O E 


Enter the parameter values as shown above. 


Save and activate the interface. 


Now go back to the main screen of the transaction SFP. 


Form Builder: Entry Point 
aen mmh 


@ Form 
O Interface 


As shown above, select the radio-button Form and enter the name of the form 
Click on ‘Create’. 


Enter the description for the Form and also enter the name of the interface created earlier. 


[E create Form 


Form |ZDEMO FORM 
Description For demo purpose 
interface ZDENO_INTERFACE| 


Click on Save. 


Now enter the package name and the workbench request. 


Following screen appears: 


Form Edit Goto Utilities Environment System Help 


Form ZDEMNO_FORM Inactive 


ZDEMO_FORM 


>) Climpt == = =)  . 
b O System Fields 


Now drag and drop the import parameter ‘Carrid’ from interface to Context on the right- 
hand side as shown below: 


ees) | fan JS) SEE Cavour | 
Form. — [ZDENO FORM Inactive (Revised) 


3 ZDEMO FORM 


b O System Fields 


Now click on the tab ”Layout” 


Form EDEMO FORM Inactive (Revised) 


Palettes Help 


Edit View Insert Table Layout Tools 
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Now let us include a heading and display the value of the carrier id passed to this form. 


Now click on Palettes > Layout (see the screenshot below): 


Tools Palettes Help 


e| 


Workspace 


¥ Toolbars 
v Script Editor Ctrl+Shift+F5 


| Hierarchy ShiftF11 


Data View 


L1. d 


Layout Shift*F8 


Border Shift*F8 
Object Shift+F7 
Accessibility Shift+F6 


3 Font Shift+F 4 
Paragraph Shift+F5 


| Drawing Aids 


A small pop-up box appears. 


(x) 

Sd wifi 

"es "m “Dynpro Activex ~o Native “er "«trol 

EZ List Box Numeric Field ^s 
iPaper Forms Barcode EX Password Field 


Print Button (S) Radio Button 
|j Rectangle Reset Button 


(A Signature Field fed Table 
(f Text Field 
subform 


Now in the tab “Standard”, drag and drop the element “Text” onto the page. 


Now double-click on the object and enter the text required (Page heading here). 


| Network Plants (More details) 


t Tools Palettes Help 


e| 
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Now go to library again (click on Palettes Library) and drag and drop the object "Text 
Field" onto the page. 


Alij Paper Forms Barcode S Password Field 


Print Button (S) Radio Button 

|j Rectangle CReset Button 

BA Signature Field igi Table 
[Text 


; "subform 


Welcome the Adobe Forms Tutorials - 
"Teu Held: 


Now select the object "Text Field" created just now. Right-click and select Palettes > 
Object. 


Cut 
Copy 
Paste 
Delete 


Del 


Wrap in SubForm 


Merge 


Bring to Front 
Bring Forward 

Send Backward 
Send to Back 


ettes Layout 


Bord z 
Add to Library... utorials 
-— Edit Text... Font 
Paragraph 


. "TextField — 
Accessibility 


— ——. p— 


Field Vsus “Binding 


C] Allow Multiple Lines 


[C] Limit Length Max Chars: 


Field Format: Plain Text Only v 
Display Pattern: v 
Edit Pattern: v 


Presence: Visible v 
‘J Locale: Default locale v 


As shown above, change the caption to "Carrier ID". 


Now click on tab "Value". In the list box for "Type", select the value "Read-only" (as shown 
below) 


(x) 
F Object = [Layout “@ Accessibility 5 f 
Field `| value 


: | Read Only 
User Entered - Optional 
User Entered - Recommended 
User Entered - Required 


Calculated - Read Only 


Calculated - User Can Override 


Now go to tab “Binding”. Select the parameter “CARRID” as shown below: 


(x) 
object % Layout ^K. Accessibility ^ > 


[Field "| Value "| Binding N 
Mame: | TextFieldi = fe] 


Default Binding (Open, Save, Submit): 
Normal Normal 


| Global 
' | Data Pattern; ee iA 


Laf 
7 O ORN 
Data Format; | Plé ZUEMOSEORI 


: i Mone 
d Import/Export Bindings TExecute): 


object X Layout X. Accessibilty v, 
[Field "| value "| Binding N 
none: (cw O [s] 


Default Binding (Open, Save, Submit): 


$record. CARRID 


Data Pattern: 


Data Format: | Plain Text 


r Import/Export Bindings (Execute): 


Save and activate the form. 


Now test run the form by clicking on “Test” (F8) 


~ Form Edit Goto Utilities Environment System Help 


|l» L^ | [e| [EI] CIE 


Enter the CARRID value and click on Execute. 


Test Function Module: Initial Screen 


Test for function group '1BCDUB/SM8BBOD159 
Function module '1BCDUB/SM88008158 
Uppercase/Lowercase g 


/1BCDWB/DOCPARAMS <Initial> 
CARRID AA 


Following is the output: 


E] [> Select iem 
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muni 


Welcome the Adobe Forms Tutorials 


CARRID m 


Adobe Forms - Create table 


By Venkat 


Step1: Go to Transaction SFP to create Adobe form. Provide the interface name and click on 
create button. 


Interface YDEMO TABLE 


Interface Type ABAP Dictionary-Based Interface w! 


Step2: Provide the description. Click on Save button. 


YDEMO TABLE 


ABAP Dictionary-Based Interface 


Step3: The following screen would appear. 
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Save the interface. 


Step4: Go to TYPES in the Global definitions to define the user define types as shown 
below. 


Create an internal table with the same structure defined earlier in TYPES definition as 
shown below. 


into table pt vbap 
where vbeln EQ vbeln. 


Save and activate the interface. 


Step7: Now go back to the initial screen. Provide the form name and click on create button 
as shown below. 


Form Builder: Entry Point 


eall a a) ie [MEER 
a); SH ub o , 


Form 


O Interface . |YDEMO TABLE 


Form |YDEMO, TABLE FORM 
Description. ‘Creating table 


interface 


Click on save button. 


Step8: Now, the following screen will appear. 


3) x [a[&] 


— enm 


Ls 


TB eos} 


> © Global Data 


v Cy System Fields i 
p mp SFPSY System Fields 


Step9: Here, we have to drag and drop the contents, to be displayed in the layout, from 
interface to context as shown below. 


Sales and Distribution Document Number 


7 Cy System Fields 
b au SFPSY System Fields 


Step10: Here in the internal table PT VBAP, we can de-activate the fields, which we don't 
want to display in the layout. We can do this as shown below. 


Place the cursor on the field and give a right click. Now select Deactivate. 


— |Ina:] Ger] Description 
Ss OEE VLL. 


E 


"7 mn DATA 


Step11: Now, go to layout. The following screen appears. 


Edit Table 


Step12: Now, Drag and drop the VBELN (Document Number) field to Master page. 


f Text Field 


Caption: Document 


| visible 


| Default locale 


Select 'None' instead of 'Sunken Box. 


Step14: Now, drag and drop the internal table PT VBAP from Data View to body page. 


Step15: Now, go to hierarchy, place the cursor on bodypagel. 


Go to palettes Object 


The following screen appears. 


|f object 


Content: | Positioned vi 


s Dire [Positioned 


Flowed 
[| Allow Page Breaks within Content 


| Visible 


| Default locale 


Select Flowed instead of Position. 
Save and activate the form. 


Step16: Execute the form, the output is 


Document 25 
Sales Dox item Material Description 
26 000010 CH-6200 GranuSAP blue, 25 LB 
26 000020 CH-6210 GranuSAP blue, 100 LB 
26 000030 CH-6220 GranuSAP blue, 500 LB 


Adobe Forms - Create table (using subform) 


By Venkat 


Step1: Go to transaction SFP to create adobe form. Provide the interface name and click on 
create button. 


Form Builder: Entry Point 


OForm 
@ Interface 


Display P Change 
_Uisplay JL Shange- 


Step2: Provide the short description and click on Save button. 


Create Interface 


Interface YDEMO TABLE 


ABAP Dictionary-Based Interface a 


Interface Type 


Step3: The following screen will appear. 


Save the interface. 


Step4: Go to TYPES in the Global definitions to define the user define types as shown 
below. 


Create an internal table with the same structure defined earlier in TYPES definition 
types vbap as shown below. 


into table pt vbap 
where vbeln EQ vbeln. 


Save and activate the interface. 


Step7: Now go back to the initial screen. Provide the form name and click on create button 
as shown below. 


Form Builder: Entry Point 


eall a a) ie [MEER 
a); SH ub o , 


Form 


O Interface . |YDEMO TABLE 


Form |YDEMO TABLE FORM 
Description ‘Creating table 


interface 


Click on save button. 


Step8: Now, the following screen will appear. 


V © Global Data 


v C System Fields : 
p a SFPSY System Fields 


Step9: Here, we have to drag and drop the fields to be displayed in the layout, from 
interface to context as shown below. 


Sales and Distribution Document Number 


> & System Fields 
b au SFPSY System Fields 


Step10: Here in the internal table PT VBAP, we can de-activate the fields, which we don't 
require to display in the layout. We can do this as shown below. 


Place the cursor on the field, right click and select Deactivate. 


— [Inai|Ger|Description 


*7 &n DATA 


Step11: Now, go to layout. The following screen appears. 


Edit View Insert Table Layout 
Oa BRI i) || © [47% 


Step12: Now, Drag and drop the VBELN (Document Number) to Master page and create 
text fields as shown below. 


Insert SubForm 


Wrap in Subform Set 
Wrap in Choice Subform Set 


Unwrap SubForm Set 


Insert Subform Set 


Merge 


Insert Script Object 


New Body Page 


Insert Page Set 


|] w Show Names 
|] Show Captions 
Show Both 


@ (Referenced Objects) 


Place the cursor on bodypagel and right click on it. Now select Insert Subform to create the 
sub form in the body page. 


- m——— É v — 8 $0 " 
Body Pages “Master Pages ® W**- PDF Preview & 


Step14: Now, from the Data View, drag and drop the fields in the internal table into the sub 
form as shown. 


Body Pages “Master Pages & 8%) PDF Preview & 


Step15: Now, go to hierarchy, place the cursor on bodypagel. 
Go to palettes> Object 


The following screen appears. 


EJ] 
|f Object «yout order "accessibility 77, | 


Content: | Positioned 


Flowed 
[ ] Allow Page Breaks within Content 


Visible 


Default locale 


Select Flowed instead of Positioned. 
Save and activate the form. 


Step16: Execute the form, the output would be similar to the following: 


Document 26 

Documentno Item Material number Description 

26 000010 CH-6200 GranuSAP blue, 25 LB 
28 000020 CH-6210 GranuSAP blue, 100 LB 
26 000030 CH-6220 GranuSAP blue, 500 LB 


Adobe Forms - Using Alternative 


By Jayachandra Nagaram, YASH Technologies 


In this demo we will create adobe form, which displays two different table data in 
different scenarios based on the given input. This functionality is achieved by 
using Alternative in adobe forms. 


Step1: Go to SFP transaction and create interface for the Adobe form. 


Form Builder: Entry Point 
"ERE ; 


OForm 
@ Interface 


YDEMO ALTERNATIVE 


Note: Maintain Interface type ABAP-Dictionary Base interface. (IN ECC6.0 Version) 


SAP 


[Œ Create Interface I 


Interface YDEMO, ALTERNATIVE 


oe 


Step2: In interface you will find import, export and Exceptions. 


Create import parameters by clicking on below shown create button. 


Step3: Create import parameters IT SPFLI and FLAG. 


The import parameter IT SPFLI is used to input data and FLAG is used to select the table that 
should be displayed in the Output. Here the details of either SPFLI or SFLIGHT are displayed 
depending on the FLAG. 


Step4: Create two global tables SPFLI and SFLIGHT to hold the data that needs to be 
displayed in the output. 


[im =] <>} | | | ab 


Step5: Code for fetching the data is written in the code initialization part of interface. 


In code initialization the variables whose values are being passed to the code to fetch the 
details of the output should be declared in the Input parameters and the variables to which 
the results are assigned needs to be declared in the Output parameters. 


$i 

trom spfli 

Into table gt spfl! 

for all entries 1n 1t spfi1 
where carrid eq 3t spfit:carrid 
and connid eq it spfii-connid. 


select * 
from sflight 
Into table gt sflight 
for all entries 1n tt spfli 
where carrid eq it spfiT-carrid 
and connid eq 1t spfli-connid 


DM 


Step6: Write the below code in code initialization part. Check for errors and activate the 
interface. 


select * 
from spfli 
into table gt spfli 
for all entries in it spfli 


where carrid eq it spfli-carrid 
and connid eq it spfli-connid. 
select * 
from sflight 
into table gt sflight 
for all entries in it spfli 
where carrid eq it spfli-carrid 
and connid eq it spfli-connid. 


Step7: After the interface part is done, create Form by going to SFP transaction. 


Form Builder: Entry Point 


IBI TO cal 


($ Form ) 
O interface [YDEMO 


METER TIVE. | 


Step8: In the creation of the Form, we need to give the name of the interface for which we 
are creating the Form. This is the additional functionality in Adobe forms. One interface can 
be used for many Forms if it is suitable. 


SAP 


,YDEMO, ALTERNATIVE 


Description [DemoforworhngwihaMemae — 0 0 0] 


interface ydemo alternast*we 


Step9: In the Context tab of the Form we will find two sections Interface and Context. 


In Interface we will find the data that was created in the interface. Content area will be blank 
initially. We need to drag the elements that need to be displayed in output into the content 
area. 


Form Builder: Change Form YDEMO ALTERNATIVE 


| 
har md Jin] 


Step10: Drag and drop element FLAG into context area. 


Form Builder: Change Form YDEMO ALTERNATIVE 


Sivek : NETS 


Step11: Select folder YDEMO ALTERNATIVE in context and create an ALTERNATIVE. Right- 
clicking on the folder go to create--> Alternative. 


Form Builder: Change Form YDEMO_ALTERNATIVE 


Standard Internal Expand Subtree 
Collapse Subtree 


Standard Internal 
D C3 System Fields 


Step 12: In Alternative will find two nodes TRUE and FALSE. 
Initially both are blank. 


Form Builder: ance Form YDEMO _ALTERNATIVE 


Single-Character Flag 


© & Global Dats 


Bl o1 sruour 
Il oT sPru 
D © System Fields 


Standard Internal 


m ——O MM € LY 


Step13: Drag and drop table GT_SPFLI from Global data to TRUE node and de-activate fields 
which we don't need. 


Form Bum: rens cita YDEMO ALTERNATIVE 


($ [8] [$3] |&] |X [ aj] a) 
Cow ina Ger[Descrption 


 Singie-Character Flag 


Form Builder: — YDEMO ALTERNATIVE 
ZEN DEM n 


22) Ne MEO HEIN 


Step14: Drag and drop table GT_SFLIGHT from Global data to FALSE node and de-activate 
fields which we don't need. 


— "— lat me Fom — ALTERNATIVE 


*»[à] [9] [&) (Mole) 8] 
TULIT. 


Ine|Ger|D« 


Form Builder: See EN TOES ALTERNATIVE 


{3 ] 4) 53] [&] XT ale) [88] 
Cow — 5$ à maowperpn = 


o CARRID $ Airline Code 

© CONNID & Flight Connection Number 
© FLDATE & Flight date 

© PRICE : 

5 CURRENC 


Form Builder: Change rass —— E 


2 
Standard intemal — 7 g ALTERNATIVE — — — Alte mative Node ALTERNATIVE 
2 FLAG SingleCharacter — — *" G TRUE. RATS 
> Cg Global Data b I E GT SPFL Standard internal Table for Database Table SPFLI 
> W FALSE 


GT_SPFU Standard internal 
b (System Fields 


Step15: Select the Alternative conditions tab and create condition for alternative. 
Create condition as FLAG = INITIAL. 


Means subform TRUE will be triggered when the flag is initial and subform FALSE will be 
triggered when there is some value in flag variable (NOT INITIAL). 


cae mck Change Fori Form ` — CAR TATE 


Bingis-Character Flag 
P CJ Global Data 
P O System Fields 


b @ FALSE 


*Technical. COM! 


Step16: Select tab page LAYOUT for going to Adobe layout. 


In Layout, go to MASTER page decrease the page area and create the boiler plate elements, 
such as text and image elements. We can create these from dragging the elements from 
library. 


Form Builder; Change Form YDEMO_ALTERNATIVE 


" 


T *-BIOU/|wsz--| 
Body Pages | Manter Pages X Xf. POF Preview E 
Tj U 3 " 


(Referenced Obpects) (nio caption) 


Form Builder: Change Form YDEMO ALTERNATIVE 


O 7 Ses) BS) 195 sax IMS o? 


Form YDEND, ALTERNATIVE ib 


W (3 (untitled subform) (page 1) (no caption) 


X (Referenced Objects) (no caption) 


Form Builder: Change Form YDEMO_ALTERNATIVE 


kd Jis 
ui [o uve 


inactive 


mmojmmax Nem sel: 
ix] [car Fas S eter Pages. X EL FoF reve WS 
Z 0 1 3 4 


| -BIU ezam 


s 
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Step17: In data view we will find subform ALERNATIVE, with in it tables will be placed in 
TRUE and FALSE subforms using choice subformset. 


"Ir 


Form Builder: Change Form YDEMO ALTERNATIVE 


fem Vew eer E ‘Toots Paetes Hep 
OC MWS se» sei! 1 |8IV---- 
p [EIE] | Eoc Pages Vater Pages x (T. POF Preview 3 

' 0 1 3 M 


wsp Demo on working with Alternative 


Step18: Drag and drop complete ALTERNATIVE subform into body page from data view. 


Form ml dai. ad Form —— ALTERNATIVE 


noma acer ge Bi - L -»HIU ezan 


Say): + ro. tae hee SS 
[s cata (no caption) 
= [3 (raster Pages) (no caption) 
= F3 Paget (no capbon) 
(uretied 


Stark Testi (no caption) 
Stticimagel (no caption) 
50 (untied Suttorm) (page t) (no caption) 
E] 


(no caption) 
a T3 (untied Suttorn Set} (no caption) 


Step19: Select body page and go to the object view from the pallets. 


Form Builder: Change Form YDEMO ALTERNATIVE 


m +e ip “cn - 


LJ 

- d (aster Pages) ino ception) 
ig PU) Paget (no capion) 
FS (untied Content Area} (no caption) 
I SaticTectt (no cavon) 


Step20: Go to SUBFORM tab; make the body page content FLOWED, Flow direction TOP TO 
BOTTOM. 


"AT 


Form Builder: Change Form YDEMO ALTERNATIVE 


(DENLALTERMATIVE Jarta 


= E (uriaid Subform Set) (no caption) 
TRUE (ro caption) p: CANO 


& Pd. erdt ce Wm | | | 


Report x^ — 3 | 
Step21: Go to Pagination, set over flow to ‘Go To Page "Page1"’. 


This should be done in order to flow the content to the next page when first page is filled 
completely. 


Form Suhde: ecu d Form YOWMO. ALTERNATIVE 


TATTY Rete? airy to — B 
T pipe Pages) (ro caption) i eure ter — I 
i= T Pagel (re caption) Oveni Lande ore 
yasH> 
Overflow Trailer GoTo Contert Area > 


4 (Referenced Objects) (no caption] 


Step22: Set subforms ALTERNATIVE, TRUE, FALSE content also to be flowed. 


Form — Chenge romm YDEMO_ALTERNATIVE 


Ed Yew = nsen 


Halema liem sei 


Step23: Select the elements in table data and set the appearance to 'None'. 


Form Builder: erra Form YDEMO. ALTERNATIVE 


data (no captor) 
= [9 Master Pages) (no caption) 
= FJ Paget (no capbon) 
FP (untitled Content Area) (no caption) 
I state Tenet (no canton) 
LB Stascimaget (no caption) 
mo (untitled sutform) (page 1) (ro caption) 
= P9 ALTERNATIVE (no canton) 
a 2 (untitled sutton Set) (ro caption) 
E e TRUE (no caption) 
= iu E rrt ird 


Report x` au 
Step24: Save and activate the form. 
Execute the form to see the below screen. 
Here for output we will have two scenarios. 


Step25: 


SCENARIO 1: When the FLAG is INITIAL, SPFLI data will be displayed in output. 


SCENARIO 2: When the FLAG is NOT INITIAL, SFLIGHT data will be displayed in output. 


Test Function Module: Initial Screen 


Test for function group /!1BCDWB/5M800900218 


Function module /1BCDWB/SM880908218 
Uppercase/Lowercase 


/1BCDWB/DOCPARAMS <Initial> 
IT_SPFLI 8 Entries 
FLAG 


Step26: Select the table IT SPFLI to give the input data. Give inputs to the table. 


Structure — F Phenge IT. -— from Entry 1 


Step27: Now there are three entries in the table IT SPFLI and the FLAG is BLANK. 


Test Function Module: Initial Screen 


Cy ( Deb 

Test for function group /18CDUB/SM90000218 
Function module /1BCDWB/SNGG000218 
Uppercase/Lowercase 


!1BCDUB/DOCPARAMS 


IT, SPFLI 
FLAG 


Step28: Subform TRUE will be triggered when FLAG is INITIAL. And SPFLI table data will be 
displayed in output. 


Preview Print Output 


Beacon (Moreen |) Dem faa | nine oom Ee 1H o0 9 oss wn 


Step29: Maintain same data in IT SPFLI and give 'X' in FLAG. Scenario 2 will be triggered. 


Test Function Module: Initial Screen 


D © e jire 
SRA et a L 20 et alltel Kd 


Test for function group '1BCDWB/5M80000218 
Function module /!1BCDUB/SM80080218 
Uppercase/Lowercase oO 


I1BCDUB/DOCPARAMS 


IT. SPFLI 
FLAG 


Step30: Output screen displays SFLIGHT table data; 


Preview Print Output 


Pi seve scopy semen ||) [beet a EMI MSS & De | Booms wr 


Demo on working with Alternative 


FLDATE 
Nov 1, 2006 


Nov 29, 2006 


Dec 27. 2006 
Jan 24, 2007 
Feb 21, 2007 


Mar 21, 2007 


J Comett Y Atinctrrerts S 


Apr 18, 2007 
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Using Text Modules in Adobe Forms 


By Nikunj Shah, YASH Technologies 


In this demo we will create an adobe form which displays text in two different 
languages (English or French) based on the given condition. This functionality is 
achieved by using TEXT MODULES in adobe forms. 


Step1: Go to transaction SFP and create an interface for the Adobe form. 


Form Builder: Entry Point 
H5 | (eb 


O Form (ZTEXTMODULE TEMPLATE. eN | 


@ interface (ZTEXTMODULE TEMPLATE - 


& Display 


Note: Maintain Interface type ABAP-Dictionary Base interface. (IN ECC6.0 Version) 


Step2: Create an import parameter as shown below: 


Form — E ial Interface ZT EXTMODULE TE TEMPLATE 


fg Fred Simbas 
OAL til T R 
& Code niisizaton LS 
E) FORM Routines 
= Cg CurrenceQuaetty Fields. i Bissau asses watery OIN Gear Nes ops eri SEA SS SRI Ua ENSE ET AURA 
E Cunenerovanty Fates PEE SSS EA A TUAE ERES ; 


Step3: Save and Activate the interface. 


Step4: Now go to transaction Smartforms to create Text Module for the Language 
Conversion, Select Text Module and Enter Text Module Name & Click on create. 


SAP Smart Forms: Initial Screen 


O rom p -— —' 


O Style 


& Display ][7 change ][(B eae | 


Here, we are converting English text to French text, so we have to enter the French 
conversion of the English text. 


Text 1: TEXT IN ENGLISH. 


Change ZTEST_ENGLISH Text Module 


Click on Save. 
Similarly create the text module for text French to English. 
Text 2: TEXT IN FRENCH 


Change ZTEST_FRENCH Text Module 


Text 3: TEXT IN ITALIAN 


Change ZTEST_ITALIAN Text Module 


emModule |Z 


cription 


* Paragraph Left-aligned ü 


_ Pexte en italien» 


p 
use 


STEP 5: Once the Text modules are created, Go to Transaction SFP to design form 
builder for the interface ZTEXTMODULE TEMPLATE. 


® Form 
O Interface 


STEP 6: Click on Create. 


Form Object Edit Goto Utlities Environment System Help - aum 
|] OSS SHR Boas 
Builder: Entry Point 


@ Form TEXTMODULE_TEMPLATE e 
Olnteface — — (|ZTEXTMODULE TEMPLATE — — | 


STEP 7: 


After clicking on create, the system would prompt you for the Interface name and 
description. 


In Interface Name tab : ZTEXTMODULE TEMPLATE. 


In Description : Form for the Language Conversion. 


Now the following screen appears: 


Form Builder: Change Form ZTEXTMODULE TEMPLATE 


i] E 
|. n FLAO1 Singie-Character Flag 
* [3 Global Data 
l 2 LOGO 
= Cj System Fields 
b mnSFPSY — System Fields 


STEP 8: 


Right Click on Form name in the context area and create New Folder. 


Form Builder: Change Form ZTEXTMODULE TEMPLATE 


i , 
Lp RH: 


b © Global Data 


‘System Fields 
^a | Collapse Subtree 


STEP 9: 


Drag & Drop Flag1 field from the import part in to the Context area. 
Form Builder: Change Form ZTEXTMODULE TEMPLATE 


ad 


Bingle-Character Flag 


STEP 10: 


Right Click on New FOLDER, create three texts for the text modules. 
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STEP 11: 


Double click on the new folder. The following screen appears. Click on Condition 
‘Form Builder: Change Form ZTEXTMODULE_ TEMPLATE 
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STEP 12: 
Double-Click on Text and maintain the properties as shown below. 


Description as Convert TEXT INTO ENGLISH into FRENCH 


Text Type : Text Module 


Text Name : Text Module name (‘ztest_french’) 
Text Language : ‘FR’ 


"Form Builder: Change Form ZTEXTMODULE TEMPLATE 


Repeat the above step for the other texts as well. 


STEP 13: 


Click on Layout. 


On the left side platter, in data view, we can view all the fields that we defined in the 
context part. (In this example, flag1 and three texts) 


orm Builder: Change Form ZTEXTM 
Helme ee | ses) e 


Form ZTEXTMODULE TEMPLATE 


View Insert Table Layout 


SEAE | LW lls ICA 


— QC 


ZTEXTMODULE, TEMPLATE 
zi [3 FOLDER 
FLAGI 


ENGLISH 
FRENCH 
ITALIAN 


STEP 14: 
In our layout, let us also include a logo and some text as well. 
Go to Master Page. From Library Palette, insert image field and text into the master page. 


Enter text in text field and Enter image in image field and check the checkbox "Embedded 
image data". 


Form Builder: Change Form ZTEXTMODULE_TEMPLATE 


STEP 15: 


Go to Body Page. 
Create following three text fields: 


e Text in English 
e Text in French 
e Text in Italian. 


Now right click on the text field and select the option “floating fields”. 


Form Builder: enanos Form ZTEXT! MODULE_TEMPLATE 


ALLL ICE ILLE 
| ie ee QUE RUE DOES 


Now we need to do the binding for the text field. Select the text field "Text in English", Click 
on palette > click on object >go to binding tab. Please see the following screenshot for the 
binding. 


io 
Form Edt Got UWitie Enmebnment Help 
D : m 
Form Builder: Change Form ZTEXTMODULE _ TEMPLATE 
maru n SE a) [ss 


Demo On Display Text im Multipie Language. 
Engish To French Using Text Modules. 


Now repeat the above step for binding the other two text fields. 
STEP 15 - 2: 


Second way is Drag & Drop from the Data view. 


Just below the text field drag & drop the text field from the data view, in this case you don’t have 
to do the binding, it will assign automatically. 


Form Bullder: Change Form ZTEXTMODULE TEMPLATE 


so Yew insert Tate — Leu — Tode —— Puetes Help 
5o maux i-es e ls 


STEP 16: 
Click on Save and Activate it. 
STEP 17: 


Click on Execute. Assign Value ‘X’ to Flag1. Otherwise it only display in English. If 
FLAG1 has value ‘X’ than test will display in English & French Both. 


Test Function Module: Initial Screen 


Q E| Test data directory 


Test for function group !1BCDWB/SM800000228 
gi on module '1BCDWB/SM08000220 
Uppercase/Lowercase m 


Import parameters [yawe S 


/1BCDWB/DOCPARANS I| «Initial» 
FLAGI x 


Output: 


Preview Print Output 


Lj | bs | @ [um  $ [DU S n ds vr 


Demo On Display Text in Multiple Language 
English To French Using Text Modules 


Value help in Adobe interactive forms 


By Sanjeeva Reddy Gujjula, YASH Technologies 


Introduction 


Value help in application is useful to avoid typos and to check list of possible values 
when user don’t know exact value for the input field. We can incorporate these 
value helps in Adobe interactive forms both for online and offline scenarios. This 
document explains step by step procedure for adding two types of value helps in 
Adobe interactive forms. This document considering integrating adobe forms in 
WebDynpro ABAP with integrated using Zero Client Installation (ZCI). 


e Standard Value help 
e Static Value help/Context based value help 


Standard Value Help 


Here Standard value help means F4 help available in SAP; we can add this feature in 
adobe interactive forms. Once user clicks on drop down button it fetches value help 
form SAP and displays in the screen. Once user chooses one of the suitable entries 
that input field will get updated with the selected entry. 


Procedure: 


Step1: In layout Choose UI element Value Help Drop-down List from WebDynpro 
Native Controls of Library Palette. 


| Stand Barcod Custg Web Dynpro | 
E Check Fields 

| s" Enumerated Drop-down list (no select) 

"=" Enumerated Drop-down list 

Launch URL 

foa Review Copy 

| 35et Fields Properties 

GP signature - Sign and Lock All 

M Signature - Sign and Lock 

E3 Subform Instance Controls: Add 

pa Subform Instance Controls: Insert Remove Move 
fo SubmitSuccessClose 

r3 SubmitSuccessReadonly 

(submit 

value Help 


[€ Value Help Drop-down List 


Web Dynpro Native “der “anti 


Step2: Go to Object Palette and in Binding TAB update Default Binding with 
corresponding field by pressing Arrow and choose form the Interactive From 
Context. 


ol 


| Accessibility 
Field `| Value "| Binding \__ 
Mame:  LAND1 0 


Default Binding (Open, Save, Submit): 
$record, COUNTRYNODE .DATA[*].LÀ 3 


Data Pattern: | 


Data Format: | Plain Text diii": 


Import/Export Bindings (Execute): 


Step3: Pop-up screen will come to confirm the update of field properties. Click OK. 
If you do so all properties will be updated at the same time the UI element will 
change to normal input Field. You need to change this to Drop-down list in Object 
Palette->Field Tab as shown below. 


q Accessibility 


il Field Value Binding AN 


Type: | 5? Text Field 
AA Text Field 


Appeara GA Decimal Field 
z Password Field 


CIAN E} Date/Time Field 
i Z Signature Field 
|E Button 


Step4: Now you are done with implementing Standard value help for you adobe 
interactive form. Save and activate your form and test application. Now you can see 
Standard value help once you click drop-down link on adobe form. 


This is simple and Zero coding required in application. 


Static/Context based Value Help 


Instead of standard value help we can add custom value help; this can be form 
context of Adobe form. In this case there is need of coding. For this value help you 
need to have a context node with two fields one for value and another for 
corresponding text. As we are proceeding with WebDynpro ABAP, we need to fill this 
node WDINIT method of WebDynpro view or controller. 


Step1: Create a context node with Value and Text. Text is optional here. 


I D Controller Usage 


[Context MAIN IET 382. BANK, LIST. FORM1.COMPONENTCON 


7 Q CONTEXT — Context COMPONENTCONTROLLER 


^p PDFSOURSE 


cr 


[Node Name COUNTRYNODE 
Dictionary structure T005 
 [carainatity '0.n ray 


i ge 9 — 
zn SS —— —— — ———————Ó———————————————— SÉ: 


Step2: Select corresponding Values and texts into one internal table or populate 
internal table with possible values and bind that internal table to context node. 


Sample Coding: 
* Create internal table 


types: begin of x country , 
land1 type t005-land1, 
end of x country. 
data: t country type STANDARD TABLE OF x country. 
* Select Data 
select land1 
from t005 
into table t country. 


DATA lo nd adobedata TYPE REF TO if wd context node. 
DATA lo nd countrynode TYPE REF TO if wd context node. 
DATA lo el countrynode TYPE REF TO if wd context element. 
DATA Is countrynode TYPE wd this--element countrynode. 


* navigate from «CONTEXT» to «ADOBEDATA?- via lead selection 
lo nd adobedata = 


wd context--get child node( name = wd this--wdctx adobedata ). 
* navigate from <ADOBEDATA> to <COUNTRYNODE> via lead selection 
lo_nd_countrynode = 


lo nd_adobedata->get_child_node( name = wd_this->wdctx_countrynode ). 
* Bind internal table to context 
CALL METHOD lIo_nd_countrynode->bind_table 
EXPORTING 
new_items = t_country. 


Step3: 


In Layout editor Choose field Enumerated Drop-down List form Library Palette and 
place on the layout 


i Library x 


| Stand Barco| Custi Web Dynprd Web Dynpro Native "er "nl 
C Check Fields 
[re3 Enumerated Drop-down list (no select) 
Enumerated Drop-down list 
J Launch URL 


Hä Review Copy 


Mi Signature - Sign and Lock All 

M Signature - Sign and Lock 

(subform Instance Controls: Add 

| —subform Instance Controls: Insert Remove Move 


(J Value Help 
| re* value Help Drop-down List 


Step4: Go to Object Palette and in Field tab click List Item link as fallows. 


"Object $N] Accessbüty 
[Field X yalue “Binding 
Type: | TEŽ Drop-down List vi 


Caption: Drop-down List 


Appearance: Custom... [v 


TE 


Text 


[C] Allow Custom Text Entry 


Step5: One pop-up screen will come and there you need to set Binding properties Items, 
Item Text and Item Value as shown below and Press OK. 


Items-> Context node 
Item Text-> Text field in Context node 


Item Value-> Value field in Context node 


Dynamic Properties 


Property: List Items 


Binding 
Items:  $record.COUNTRYNODE.DATA[* > 


Item Text: — LANDI b 


Item Value: LANDI b 


Now you are done with implementing Static/Context based value help for you adobe 
interactive form. Save and activate your form and test application. Now you can see 
Static/Context based value help once you click drop-down link on adobe form. 


Comparison 


Coding Required 
Online 


Not 
Offline available Yes 


Making subform behave as table and data part as 
body row 


By Nisrin Pindwarawala, YASH Technologies 


Whenever we use a table in an adobe form using drag & drop, following are the common 
problems faced: 


e Whenever the column fields are rearranged randomly into many rows, the data is 
displayed in a improper fashion. 
e |n debugging, if we delete any row, and the data that is displayed becomes improper. 


Solution: This demo will help us rectify the problem by making the subform behave as table 
and the data part as body row. 


This is achieved by assigning binding to the subform. 


Step1: Go to SFP transaction and create interface for the Adobe form. 


O Form 'YDEMO SUBFÜRMS | 
Interface.  [vbEMO SUBFÜRMS — [5 


Step2: Passing the table as import parameters, which will be passed through driver 
program. 


interface YDEMO SUBFORMS Active 


wa) 


L s ie | Parameter Name Type assignment [Type Name Optional Flag| Pass Vah 
: C YDEMO, SUBFORMS WBCDWBIDOCPARAMS TYPE *; SFPDOCPARAMS 
7 © Fom Interface IT- SFUGHT TYPE f) SFUGHT_TASI go o 
[8 Ewon 
[D Exceptions 


Step3: Activate the interface. 


Step4: Create Form by going to SFP transaction. 


Form Builder: Entry Point 


FUE IR b> 


@ Form YDEMO_SUBFORMS ——  — [s 
O Interface YDEMO SUBFÜRMS 


Form YDEMO_SUBFORMS 
Description ‘An demo on roles of Subforms 


Interface 


Step5: The form contains the context area, which will display the contents of interface. 
Drag and drop the table 'IT SFLIGHT' from context area under the folder 
'YDEMO_SUBFORMS'. 


Form 'YDEMO SUBFORMS Inactive (Revised) 


> CJ YDEMO SUBFORMS 
b 


b System Fields 


Step6: Deactivate the fields of the table, which will not be used in the layout, it adds to the 
performance. 


 —— OP 
— T i 


"7 un DATA 
B MANDT & Client 
8 CARRID & Airline Code 
2 CONNID & Flight Connection Number 
© FLDATE & Flight date 
o PRICE & Airfare 
o CURRENCY @ Local currency of airline 
5 PLANETYPE & Aircraft Type 


Setto Active 
Deactivate 
Delete 


Step7: Go to layout tab, under the layout change the content area adding a static text to 
the top of master page. Name the content area. Click on the tab body pages. 


For the body page the subform content has to be positioned. 
Move the fields, which you want to view from data view on to the body page individually. 
Note: When we try to move the individual fields of the table the binding with the table is 


affected and the data that is displayed becomes inconsistent, this demo will help you retain 
the binding with the table by making the subform act as a table. 


dy Pages "Master Pages x PDF Preview 


NAL CE SSC ODE ECC 
PSE REESE) HO MSE nr rS ARSON OEE LEI: 


Step8: The field 'FLDATE' can be displayed in different formats as per the requirements, 
which will be explained by below snapshots. 


| Inactive (Revised) object x Layout "X Border X. Accessbilty SAV 
[Field alus Binding 
A 
Layout Tools Palettes eu l kame 
el volimi m č |41 L I 
T22 FEIUTI 


| [recom Nes E QU QR HOC Ht 
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AES SRL SUS SRS SEE SSN ENS EG BR SIE | 
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a ee a ees ees 
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Palettes 
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| Inactive (Revised) [object x N Layout “ Border Q Accessibility S7, 
CATAE 


Type: | É} Date/Time Field 


Layout Tools Palettes Help 
De -G! i ^a Sem 
: Appearance: None 
ely ms L—— 
(Sift WEM |— Display Pattern: | DO MMM YYYY 


Edit Pattern: — | DO MMM YYYY 


—— -— —5 —31 — 
Body Pages N Master Pages & 
1 2 3 4 


T| i9 
0 


Presence: “Visible 


Locale: Default locale 


Step9: Select all the fields being displayed on the layout and wrap them in subform. 


The Accessibility of the form should be bodyrow. Create another subform for ex: Sflight 
details and wrap the fields in this subform and give the subform content as positioned and 
for the bodyrow subform give the subform contents as flowed. The check box "Allow page 
breaks within content" has to be marked for the data which is being flowed. 


Tools Palettes Help 


sed m x *BIU 


5 LY (untied ew Body Page 


insert Page Set 


v Show Names 
Show Captions 
Show Both 


X. fReferenrerd Ohiects) 


YDEMO SUBFORMS 


~ FẸ (untitled Content Ares) 
S LÌ (untitled subform) (page 1) À 
& ['? Bodyrow i [ 
CONNID 
CARRID V 
RIDATE j 
PRICE 


CURRENCY 
PLANETYPE 


Fom [YDENO_SUBFORNS pg 


Edit yiew insert Table 


P a [ms E. | vus Lal iz Hon mes 


1 7-8 DY a | He | We ee Allow Page Steaks within Content 


Edit insert Table 
Ce ame NERIS 
Seo de |e | es 


View 


Flow Direction: | Top to Bottom E 
[v] Alov Page Breaks within Content 


j data 
S r$ (Master Pages) 
-FA Pai = Á AA. aq 
PSP (untitled Content Area) 
i | (untitled subform) (page 1) 
a 


JA cow 


Step10: If the data is flowing to multiple pages then we direct the over flown data. 


Move to pagination tab under object tab, under that if dataset is paginated under overflow 
give the name of content area and overflow leader as header row. By adding this whenever 
an overflow occurs the header will be displayed in all the pages. 


Maes Ca kod MO m BOR baio mde i m ed bai OOOO O 


Form |YDEMO_SUBFORMS | Active 


FM Insert Table 


Conditional Breaks: 0 
! ContentAreal 
(TS StaticText2 If Dataset Must Be Paginated: 
= Bodypagel 
à FS Taie Overflow: | Go To Content Area "Conte | > 
PE”) 
& T7 HeaderRow Overflow Leader: | HeaderRow v 
TN. StaticText1 
& F Bodyrow Overflow Trailer: | (None) be] 
= [> sflightDetails 
CARRID 
PRICE | 
CURRENCY | 


g — ac mam: mm 


We need to create two subforms, the reason is that the body of the table can be flowed to 
multiple pages and if we make the subform as flowed all the elements will be aligned either 
top to bottom or western text (left to right). So as we need to display the table contents in 
two rows we created two subforms, first one will be flowed and the second one under first 
one which will be positioned. 


Step11: Creating Header row for the table. 


Drag a static text element from the library and drop it above the body row. Wrap the text in 
a subform giving the accessibility as header row. 


em 


[Object J Layout f Border = Accessibilty vj, 
Edges: 
soy Pages var Pages NG oe reve S CO 00 — 


0 1 mi si|[ 0-006 ain | Ze y x^ 
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B 2 (Master Pages) 
5- m Pagel 
E Fẹ Contentåreal 
g- +2 (untitled SubForm) (page 1) 
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3$ FLDATE 
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& L9 (Master Pages) 
i FQ Page! 
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e B (urtitied Subform) (page 1) 
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IIS statcexti 
X, (Referenced Objects) 
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3 n (Master Pages) 
af Pagel 
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i |} (untitled subform) (page 1) 
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f (Referenced Objects) 


Step12: Creating a table subform. The content of the subform should be flowed and the 
accessibility should be table. 


Name the untitled subform (Page 1) as "Bodypagel". After doing this change the content of 
the body page as flowed then click on pagination tab, under that if dataset is paginated 
under overflow give the name of content area same as what we performed for body row. (In 
body page we gave overflow leader as header row but in body page pagination do not use 
that) 


Delete vel Wiavuye qeviscu 


Un9Ayp Subform 
Insert Subform out Tools Palettes Help 

i > ve = = 
Wrap in Subform Set ^ v¥i® de a 
Wrap in Choice Subform Set UE zm 


WE 
Linwrap Subform Set 2 


New Body Page 


Insert Page Set 


1 v Show Names 
Show Captions 
Show Both 
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Ect View Insert Table Layout 
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E Insert Table 


Step13: Giving borders to the table and header. 


run TVEY vor unro | mue 


Edt — Vew — Inset Tabie 
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——— a core (Tir oF Rodis [on | 
[-]Omt Border around Page Breaks 
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Style: 
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Step14: Giving bindings to each of the subforms. 


Table Binding: YDEMO_SUBFORMS->IT_SFLIGHT. 


___|YOERO_SUBFORNS 


pew Insert Tae: Layout Jools 
umm ee sel: 
Fikes PAS Cee ae 


taae ~i 


| Normal 


Li] [| Body Pages Mater Pages | [Repeat Subtorm for Each Data Item 


Oo 


Bodyrow Binding: YDEMO SUBFORMS--IT SFLIGHT--DATA. The checkbox repeat subform 
for each data item has to be checked giving Min.Count = 1. 
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did Accessibility : Table 
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"em HeaderRow ————J* Accessbility: Header How = 
Binding: None 
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=| Bodyrow Ee aay ae 
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E (Referenced Objects) 


Step15: Save and activate the form. 


Step16: Creating a Driver Program which will call the form and on execution will display the 
adobe form. 


REPORT yh demo. 
*Data Declarations 
DATA : it sflight TYPE sflight tabl. 
DATA : 
w doc param TYPE sfpdocparams,"Doc Parameters 
w output param TYPE sfpoutputparams, 
"Output Parameters 


result TYPE sfpjoboutput. "Joboutput 
DATA : 
fm name TYPE rs38l fnam. "Function Module name 


* Determine print data, Data which will be displayed on the form 
SELECT * FROM sflight 
INTO TABLE it sflight 
UP TO 20 ROWS. 
IF sy-subrc NEO. 
ENDIF. 
* Determine the function module which is generated at the runtime for 
* the pdf form used 
CALL FUNCTION 'FP FUNCTION MODULE NAME ' 

EXPORTING 
i name 
IMPORTING 

e funcname - fm name. 
This function module is used to specify settings for the form output. 
To specify whether you want the form to be printed, archived, or sent 
back to the application program as a PDF. 
The form output is controlled using the parameters (w ouput param) 
with the type SFPOUTPUTPARAMS . 
CALL FUNCTION 'FP JOB OPEN' 
CHANGING 
ie outputparams 
EXCEPTIONS 
cancel 
usage error 
system error 
internal error 
OTHERS 
IF sy-subrc «» 0. 
MESSAGE ID sy-msgid TYPE sy-msgty NUMBER sy-msgno 
WITH sy-msgvl sy-msgv2 sy-msgv3 sy-msgv4. 


'YDEMO SUBFORMS ' 


* * * * X 


w output param 


uo Hn Hn m d 
U1 4 U0) NH 


ENDIF. 

* Set the language field the component of structure /lbcdwb/docparams 
w doc param-langu - 'EN'. 

* Call the function module and passing the form interface values 

CALL FUNCTION fm name 


EXPORTING 
/1bcdwb/docparams = w doc param 
it sflight = it sflight 


* IMPORTING 


* — /]BCDWB/FORMOUTPUT = 
EXCEPTIONS 
usage error 
system error 
internal error 
OTHERS 


£ UN H 


IF sy-subrc «» 60. 
MESSAGE ID sy-msgid TYPE sy-msgty NUMBER sy-msgno 
WITH sy-msgvl sy-msgv2 sy-msgv3 sy-msgv4. 
ENDIF. 
* To complete the processing of the form 
CALL FUNCTION 'FP JOB CLOSE' 
* IMPORTING 
ii E RESULT = result 
EXCEPTIONS 
usage error 
system error 
internal error 
OTHERS 


£UPKN H 


IF sy-subrc «» 60. 
MESSAGE ID sy-msgid TYPE sy-msgty NUMBER sy-msgno 
WITH sy-msgvl sy-msgv2 sy-msgv3 sy-msgv4. 
ENDIF. 


Step17: Activating the report and executing it would pop a window. 


Name IPBFORM|PDF1|SAPDEVO2 — | 
Cover Page Text | 
Authorization | | 


[ ]Print immediately Number of Copies VN 

C] Delete After Output 

[ New Spool Request Cover Page Settings: 

C Close Spool Request SAP Cover Page Do Not Print n | 
Spool Retention Per. 8| Day(s) Recipient(s) | | 
Storage Mode Print ony 2, || Deparment 


B Pint Gr row [3 


Give the device name which is configured for ADS. Click on Print Preview to see the preview 
of the form. 


The form output 


Page 1: 


Page2: 


Flight Details 


27 Dec 2006 


0017 
24 Jan 2007 


0017 
21 Feb 2007 


0017 
21 Mar 2007 


0017 
18 Ape 2007 


0017 


Flight Details 


28 Nov 2007 


0064 


03 Nov 2006 


Using Where conditions to relate header and item 
tables in Adobe forms 


By Jayachandra Nagaram, YASH Technologies 


In this demo we will create an Adobe form, which displays relating data from two tables 
(Header and Item) by using 'Where conditions' in Form context. 


Step1: Go to transaction SFP and create interface for the form. 


In this demo we can use the interface YDEMO ALTERNATIVE which is used 
in previous tutorial using alternatives. 


Step2: Create Form YDEMO TABLELEVEL 


hai nesta 
: = 


r 


orm YDEMO TABLELEVEL 


, 


Note: Maintain Interface type ABAP-Dictionary Base interface. (IN ECC6.0 Version) 


You will see two parts in screen Interface and context. 


Step3: Drag and drop Global table GT SPFLI from interface to context area. 


Form Builder: Changs: Porm S _TABLELEVEL 
= fes ua: 8 | 


. [papmyejxiem8] —  — 
pese Jmm 5. aloof 000007 


Step4: Select all fields which are not required to display and deactivate the fields. (right 
click) 


Form Builder: DE Form YDEMO TABLELEVEL 


3 CONNID 


o CITYFROM 


a GITYTO 


Step5: Select DATA under table GT SPFLI and right click. 
Go to create--> Loop 
This will create a table i.e., a sub loop under the main loop. 


Note: when you drag a table in to context it will internally create a loop processing in the 
form. 


Form Builder: Change Form YDEMO_TABLELEVEL 


«<2 J 


A NAS 


a 
a 

a 

» : 

E a 

m AIRFFROM x@ 

0 COUNTRYTD xa 

a cmrro a 

0 AlRFTÓ x 8 

0 FLTIME * à 

o OENE xao 

0 ARRTIME % @ Arial time 

o DISTANCE * ð Distance 

o DISTID * 8 Mass unit of distance (kins, miles) 
0 FLTYPE * 6 "uon: 

2 PERIOD $* B riain days) later 

9 *T-EsT x & Material belonging to the customer 


o3 eec cT 


B Client 

B Aitine Code 

Â Flight Connection Number 
* B come 

& Departure cay 

* 8 Departure airport 

— * 8 Country Key 

a CITYTO & Arval eny 

8 ARPTO $ B Destinanan airport 

9 FLTIME $ A Fignttene 


Step7: Click the F4 help button, it shows the tables that exists in the interface. 


pm sn en 


Form Builder: Change YDEMO_TABLELEVEL 
D e jsa | zr ME Laro 


Form Builder: Change Form YDEMO TABLELEVEL 
HIC [ i); ENTE 


m «m x[al 


"NL 
Ej Aifline Code 
& Flight Connection Number 
x & Dourity Vy 


& Departure city 
* @ Decsnwe arpon 
Soo x 8 Courty Key 
9 CITYTO B Arrival city 
go aueETO x a4 Destinaton ampart 
@ Fi Time » & Piatt time 


It will internally create a sub loop i.e, a table GT_SFLIGHT under the table SPFLI data. 


Step9: Select the fields which are not required to display and deactivate. 


Form Builder: Change Form YOEMO_TABLELEVEL 


Sooo ee 


Form YOEMO_TABLELEVEL Inactive 
Properties Layout 


Interface NN 
> C YDEMO ALTERNATIVE 


> O import 
Br seu Standard intemal 7 gor suon 
3 FLAG &ngle-Character 7" ov DATA 


> & Giobsi Data 


I oT sruoe 2 CARRID s Airline Code Get to Active 
(lor seru Sandars intemal i CONNO — Flight Connection Number 
b © System Fields | FLDATE & Flight cate 


| PRICE B sse 
3 CURRENC & Local currency of airline 


Form Builder: Change Form YDEMO TABLELEVEL 


Tlic) IST i 
ESI 2 pm UN: NET] 
Form YOEMO_TABLELEVEL inactive 

Properties Layout 


7 C YDEMO. ALTERNATIVE 


Standard intemal Table for Database Table SPFLI 


> O import * an DATA 
Br ser Standard internal * à 
FLAG Single-Character CARRID B Aine Code 
" Cj Giobsl Data CONNID & Flight Connection Number 
a x 8 
GT SPFLI Standard internal > CITYFROM B Departure city 
b O System Fields x à 
: * 8 
là CITYTO B Aral city 
x ô 
* à 
t à 
x ð 
* à 
a aD a x à 
Wwey ae * & 
t & 


Step10: Double click table GT SFLIGHT and go to the where conditions tab available in 
lower part of the window. 


Create the where condition for the table loop. 


This internally creates below code. 


Loop at GT SPFLI. 
Loop at GT SFLIGHT where CARRID eq GT SPFLI-CARRID 
and CONNID eq GT SPFLI-CONNID. 


— POETE ) -----» code processing 


Endloop. 


SITAE. | 


au PLANETY 3 Aircon Tne 
O SEATEMA x 8 Maermiim capatityx economy clase 


Fir enim new in ernie rtm 


n BeeTon i) tt 
ee I) e 
a fa - —— 


t 


Step11: Go to Layout: in data view a nested loop (table) will be displayed. 


SFLIGHT under SPFLI. Create the boiler plate objects if needed. 


Step12: Drag and drop all the fields under GT_SPFLI table into body page. 


Note: Do not drag the entire table into body page. We need to follow creating table using 
sub forms concept. 


Go to hierarchy view; Select all fields of spfli, Wrap the fields into sub form by right clicking. 


Again wrap the sub form in to another sub form. Sub form properties are maintained latter. 


Form Builder: Change Form YDEMO TABLELEVEL 
e AR eal ae LS) Eo Layout | 


Edit Mew seen Table Layout 
ow mmu. i-e! ] 


E [3 data (no caption) 
= D (Master Pages} (no caption) 
i F3 Page (no caption) 
FS (untitled Content Area) (no caption) ^ 
MI StaticTextt (no caption) Demo on working with Header and Item Tables 


JE Staticimage (no caption) 


m _) (untfled Subform) (page L) (no caption) | 
= P tuis (onem a... BERE BRERA REESE 
si F spfidata (no caption) 


* sfightteble (no caption) 
E (Refarancest Oharra (nn canton) 


Step13: Drag and drop the fields from sflight into body page and create sub forms as 
showed in below snap. Keep note that the subforms created for sflight fields should be place 
inside the spflidata subform. 


Maintain names as spflitable 
'-->spflidata 
'-->sflighttable 
---> Sflightdata 


rm YDEMO_TABLELEVEL 


Va 
| — | 


Gait yew psert Table Lwout Toots Palettes Help 


c (m uev xe eco v »BIU ezam 


i LÀ (Master Pages) {no caption) 
= F Paget (no caption) 


Demo on working with Header and Hem Tables 


DEI p cj EE 


i P9 afiretable (no caption] 
im P2 cfügntdata (no caption) 


Ë Referenced Obincts) (no 


Step14: Content of body page should be flowed. 


Form Builder; Change Form YOEMO_TABLELEVEL 


i OD (Master Pages) (no caption) 
= TJ Paget (no capbon) 


Step15: Maintain the subforms properties as showed in the below snaps. 


Subform: spflitable 


Overfiow Traler: | (None) 


[Repeat Subform for Each Data item 
Min Count = Max =] pM [m [- 
Initial Count = 


Subform: spflidata 


LIN: 
D Alon Page Breaks sihin Content 


T intis Court: [ ] 


Subform: sflighttable 


Step16: Now your FORM is ready, check for syntax and activate it. 


Execute the form and follow the below to get the data in hierarchy level. Header and its 
corresponding item details. 


Form Builder: Change Form YDEMO_TABLELEVEL 


Edit Mew piset Tanie Layout s Tools Paleties Help 
OCs Rie Dem seb | |BIlUZ-z2- 
LI] [Body Pages Master Pages Goa Source USE POF Preview E5, 
i 1 3 


Demo on working with Header and Rem Tables. 


BEA SS GR SS A A SE 


LB Staticlmaget (no caption) 
= L] (untitled subform) (page 1) (no caption) 
= P9 spfitatie (no caption) 
5 [> apfidsta (no caption) 


Test Function Module: Initial Screen 


co 


-== 
GC Debuae \ 
PM 32119 | SS] 


Test for function group 11BCDUB/5M00000229 
Function module 11BCDUB/SM0OB800229 
Uppercase/Lowercase o 


Import parameters (Yawe 


T1BCDUB/DOCPARAMS «Initial» 
IT, SPFLI pert es 
FLAG 


Structure Editor: Change IT_SPFL 


lS = 


| from Entry 1 


~ T 
Fy iu i ME 
u— =“ Ji A1. JA. 


Output: Pagel 


Snapshot Tool 


Demo on working with Header and Item Tables 


r 
1 g 
[iur 1s, 2007 


Page2 


YASH) 
Demo on working with Header and Item Tables 


m [aces E^ FRANCISCO [mm YORK mm 3, 2006 [s Joao 
Im 1, 2006 fizz.se [vao 
ec 25, 2006 [zs Joao 
for 25, 2007 fezz.se oso 
free 23, 2007 feza.se [ben 
[usr 23, 2007 [zs [m 
fer 20, 2007 | em Joao 
Tm 18, 2007 | ym [veo 
m 15, 2007 mm [m 
[m 13, 2007 |y [vao 
pus 10, 2007 [em [an 
e 7, 2007 ans Im 


[a 5, 2007 [zs [vas 
be 2, 2007 [erm [Ts 
Im 32, 2007 [em [T 


Nested tables in Adobe Forms 


This Tutorial demonstrates on using Nested Tables in Adobe Forms. 


Step1: Go to SFP transaction and create interface for the Adobe form. 


Form Builder: Entry Point 


|| v |: ERI | [ET JC [BD 


OFaorm 
@ Interface 


Note: Maintain Interface type ABAP-Dictionary Based interface. (IN ECC6.0 
Version) 


[= Create Interface [3 
me [nesten Te i) 


Description 


Interface Type ABAP Dictionary-Based Interface 


Step 2: Create Global Types as shown below by clicking on Types, here we are creating a 
Nested Table type which consists of 2 Individual fields (carrid, carrname) and an Internal 
Table(spfli). 


interface JNESTED.TARE | Atte 


2 TYPES: 
2 H BEGIN OF type flight, 
3 
: E carrid TYPE scarr-carrid, 
4 carrname TYPE scarr-carrname, 
5, 


T 
C Form interface spfli TYPE spfli tab, 


D import 
6 5 EMD OF type flight, 
B Epot zi "X ag 
[B Exceptions 8 table type flight TYPE TABLE OF type flight. 


. '* (©) Global Definitions 


A Global Data I 


Step 3: Create Global Work Areas and Internal Tables as shown below. 


WA_SCARR TYPE SCARR 
IT_SCARR TYPE SCARR_TAB 
WA_SPFLI TYPE SPFLI 


IT SPFLI TYPE SPFLI TAB 


WA FLIGHT TYPE TYPE FLIGHT 
IT FLIGHT TYPE TABLE TYPE FLIGHT 
karaca 2NESTED. TABLE Active 
— ERU OOOO 
sjal 
S Ginecol 
> C3 Fom Intertace 
(8) import i o 
D Eoo T SPFU TYPE *; SPFLI TAB P 
E) farsi F wen FLIGHT TYPE t TYPE_FUOMT oO 
m 


y 3 Okoz Definitions A T FUGHT TYPE - TABLE TVPE FÜOHT 


Step 4: Code for fetching the data is 
written in the code initialization part of interface. 


In code initialization the variables whose values are being passed to the code to 
fetch the details of the output should be declared in the Input parameters and the 
variables to which the results are assigned needs to be declared in the Output 
parameters. 


Input Parameters: 


WA SCARR 
IT SCARR 
WA SPFLI 
IT SPFLI 
WA FLIGHT 


Output Parameters: 


IT FLIGHT 
Interface ZNESTED TABLE Active 
ANMMEMEN — à 0 lle — 0 0 0 0 0 0 0 S 
Iac EE ESTE T E ‘oat | 
Ee ret Paramore [ETT IT CN NNNM 
© © ZNESTED TARLE WA SCARR | 
= (rom interface - 1f NT SCARR 
[D Import [ Iw SPtLI t 
[à Epor | [iir sPru i 
eren a 
= © Global Detnitions 
[D Global Date 
D Tyres 
[Ò Field Symbols 
7 © inttatization 


Il FORM Router 


UTTER CHD usnty Field s. 


D 
E 
ed fal 
1 
] 


Tene Quay Fete 


Step 5: Write the below code in code initialization part. Check for errors and 
activate the interface. 


* Fetching Flight Details from SCARR Table. 
SELECT * 
INTO TABLE it scarr 
FROM scarr 
UP TO 10 ROWS. 
* Fetching Data from SPFLI Table for corresponding Entries in SCARR. 
SELECT * 
INTO TABLE it spfli 
FROM spfli 
FOR ALL ENTRIES IN it scarr 
WHERE carrid EQ it scarr-carrid. 
* Looping at SCARR Internal Table. 
LOOP AT it scarr INTO wa scarr. 
wa flight-carrid = wa scarr-carrid. 
wa flight-carrname - wa scarr-carrname. 
* Looping at SPFLI Internal Table. 
LOOP AT it spfli INTO wa spfli WHERE carrid EQ wa scarr-carrid. 
* Appending SPFLI Records into the SPFLI part of FLIGHT Table. 
APPEND wa spfli TO wa flight-spfli. 
ENDLOOP. 
* Appending SCARR Records into the SCARR part of FLIGHT Table. 
APPEND wa flight TO it flight. 
CLEAR wa flight. 
ENDLOOP. 


Step 6: After the interface part is done, create Form by going to SFP transaction. 


Step 7: In the creation of the Form, we need to give the name of the interface for 
which we are creating the Form. This is the additional functionality in Adobe forms. 
One interface can be used for many Forms if it is suitable. 


Form Builder: Entry Point 


a)! v | 3) IE] |) b> 


(9 Form 


O Interface ZNESTED TABLE 


&o Display ||? Change | [D ce ] 
Give the Description to the Form as shown below. 


(© Create Form (Ea) 


Form [ZNESTED_TABLE 
Description ‘This is a Demo Adobe Form to Create Nested Tables. 


Step 8: In the Context tab of the Form we will find two sections Interface and 
Context. 


In Interface we will find the data that was created in the interface. We need to drag 
the elements that need to be displayed in output into the content area. 


4 gal 1 |= Be 1 
Form. /ZNESTED. TABLE | Inactive (Revised) 


D zn WA SCARR Airline 
fi iT ScARR 
p mnwA SPFLI Flight schedule 
ifi seru Standard Internal Table t 


b ao i FLIGHT 
b System Fields 


Deactivate the Unwanted Fields as shown below. 


CITYFRON 


is 
& mem Key 
& Arrival city 


COUNTRY 
CITYTO 


CIL m— CI 


Rename Content Area to ContentAreal. 


(untitled Subform) (page 1) 
(Referenced Objects) 


Hide Palette 


Then Right-Click on the Content Area and click on Insert SubForm and Resize it 
accordingly. 


f Hierarchy aW 


a- data 


ofp (Master Pages) E 8 = 
ef) Paget — SA ERE 


Help 
Hide Palette 


— |] (untitled subform) (pa 
9. (Referenced Objects) 


Rename Object 
Delete 


Wrap in SubForm 
Unwrap SubForm 


After that Click on Master Pages and then Drag and Drop a Text and Enter any 


suitable Text. 


Demo on Nested Tables displaying Flight Details. 


Then Right-Click on data and create one more Sub Form and align it as shown 
below. 


Hide Palette 


Rename Object 


Delete 


Wrap in SubForm 
Unwrap SubForm 


mesmo 


Reduce the size of Content Area as shown in figure below. 


x || Body Pages "| Master Pages = 
"ND 4 


[Hierarchy = £ 1 2 z 
n ———— 4 
> jg date 


= {2 (Master Pages) 
x 


Demo on Nested Tables displaying Flight Details. 


(unt ) 
T StaticText2 

5 (untitled Subform) (page 1) 

T (Referenced Objects) 


Step 9: Click on Subform and then in Right-click on the Subform and then in Palettes click 
on Object and then under Objects Tab click on Subform and make the Content as Flowed as 
shown below. 


bes j Body Pages aem Pages x Pcr X 
i p! g gigs g n peg p pgs pr yg (n go 
à ^ 


E (Referenced Obiecri 


Then Create one more Subform and Rename it as Table and then Right-click on this Form 
and in Palettes click on Accessibility make the Subform role as Table and make its Subform 
content as Flowed as in above case. 


^ X 


Tool Tip: 


Step 10: Then Insert two Sub Forms in the 

Table Sub Form, rename it as Header and 
Body, make sure to make them as Flowed too, and make the Accessibility of the two 
Subforms as Header Row and Body Row respectively. 


Then Insert a Static Text in Header and insert the Field names as shown below. 


0 qunm eee 
TR ELAGE 
w LÀ durades Sorn) (page 1) 
= 2] 


A. (Retererced Otiects) 


Step 11: Then under Data View, individually Drag and Drop the Fields from the table 
it flight in Body Sub Form. 


Fields are CARRID, 


CARRNAME, 


SPFLI. 


[[ edy Pages 
D [| 


CONNID 
COUNTRYFR. 
CITYFROM 
COUNTRYTO 
CITYTO 


Step 12: Then under Hierarchy tab Select the 3 Fields (i.e. Carrid, Carrname, and SPFLI) and 
then drag drop them in Body Sub Form as shown below. 


zi dats 

= 1.9) (Master Pages) 
= F3 Pages 

F? ContentAreal 
= | (unstled subform) 
HE StaticText2 

= | (untitled subform) (page 1) 
5 [2 Table 

I p Header 


Then make the Body Sub Form as Flowed as well as make its Flow Direction as Western Text 
as shown below. 


[Object x'N Layout ^ Border "d Acces 
Subform “Pagination "Binding 
" [ret 


Flow Direction: | Top to Bottom vi 
[Z] Allow Page Bra T ^P to Bottom 


N 


Step 13: Delete the Table Header of SPFLI as shown. 


! Table 
m Header 

— [RW staticText3 
m Body 


= CARRID : Bass SH 
= CARRNAME LJ. 


Help 


ello 


N A cel Hide Palette 

" ~ oa Rename Object F2 
M e 

— [f cell Insert > 


LI elt 
[ll reatum A 


Select the all Fields and make their Appearance as None. 


Object x XQ Layout ^ Border ^ 
Cell \yalue "Binding ^. 
we 


Accessit 


d Underlined 
[E] Limit Len solid Box 


Insert a column to the left of connid as shown below. 


Nested Tables displaying Flight Details. = 


Step 14: Under the Pagination Tab of Body Subform in Overflow choose the Go To Content 
Area value as ContentAreal. 


z3 


SFh te kot ELE 


~ 
Object * \ayout_ Border \Accessiblity J^, 
— 
15 n6 17 (18) 
Keep With: [] Previous — [ ]Next pe ae 


2-3 (untried subform) (page 1) MERRIER —— 


e [2 Table | Overflow: | Go To Content Area "Conter! b | 
- Header N 
"Bl aate : ome "e 0]. 
5- i Overfiow Traler GoTo Content Area ^ — Cof 
CARRID " N Go To Page , 
CARRNAME 8 | | 
sai SPRL m 


Step 15: Change the Binding of the Body Subform as shown below. 


IL 


ELS eek ot |e LE m 


== |] Body Pages X 
E (LB (raster Pages) —— 
= [3 Pager 
Cortetiveel 


= PP (anttied sbform) 
m 


StaticTextt 
S-L] (untitled Sutform) (age 1) 
=P Table 


Step 16: Give the binding for CARRID. 
Follow the same for CARRNAME. 


-- 
Fee hat sere T 


= ([aoty Pages 


I 
i 


oo, c, C d», t9, P3, a i 


Repast Table for Each Data Item. 
com = Ee 


0 
rh 
zE 
3 
m 
£L 
6 
a 
cr 
3 


= 
O| 


Sarre 
SP ee eS Oe Sw Beet Nee 


SS || Bboy Pages Viene. DA 


so, 8,4, 0. SU, wo Go, 


T2 
Ls] 
T 


Change binding for CONNID and fields related to SPFLI as shown below. 


LUIE-IL 1L. Bm Hed d b QE GA LS 0 ss 


Step 17: 


Save and Activate the form. 
Step 18: 


Execute the form. The following output will be displayed. 


Demo on Nested Tables displaying Flight Details. 


NEW YORK SAN FRANCISCO 
ROME 
SAN FRANCISCO NEW YORK 


Alitalia 
FRANKFURT 
TOKYO 


Achieving Control Levels functionality in Adobe Forms 
By Phani Diwakar Marepalli, YASH Technologies 


In this document we discuss the how to achieve the control levels in the Adobe Form (both 
using Table and Subform). 


Step1: Go to transaction SFP and create interface by providing interface name. 


Form Builder: Entry Point 
aa v || TIEN Bb 


OForm YDEMO CONTRÜL LEVEL 


@ Interface YDEMO CONTROL LEVEL 


A pop up window appears where we need to provide the description of the interface and 
save it. 


Step2: Define the user defined data types Types definition under Global Definitions as 
shown below. 


ib TYPES: 

25/3 BEGIN OF types vosp, 
» vbeln TYPE vbeln, " Sales Document 
j posnr TYPE posnr, “Itas 


END OF types vbap, 


types vbap rt TYPE TABLE OF rypes vbap. 


posnr " Teen 

4 matnr " Material number 
E FROM vbap 

$ INTO TABLE it vbap 

7 WHERE vbeln BETWEEN SO00000014" AND '0000000035'. 

m © IF sy-subrc EQ 5. 

E) | SORT it vbap by vbeln. 

» - ENDIF. " IF sy-eubro 8Q O 


Save and activate the interface. Come back to the initial screen of adobe form. 


Step5: Now create the form as shown below. 


Form Builder: Entry Point 


FIBI THESES 


@ Form 'YDEMO CONTROL LEVE 


O Interface YDEMO CONTROL. LEVEL 


A pop up window would appear where we need to assign the interface name to form and 
also the description of the form. Press Save button. 


[Œ Create Form [] 


Form |YDEMO CONTROL LEVEL 
Description ‘Demo on control level statments 


interface 


7 & Global Data 
(i vesP 
b System Fields 


In the above screen, we have internal table IT VBAP under Global Data, which is 
under Interface. 


Context area is a bridge between Interface and form. Whatever the information (data) we 
need to place in the form is to be placed in the context area. 


Step6: Now drag and drop this internal table IT VBAP into context area. Then only we 
can use the internal table in the form. 


& item number ofthe SD document 
B Material Number 


Provide the description of the internal table under properties tab below the context area. 


Step7: Now go to Control Levels tab as shown in above screenshot and provide the field 
name on which sort to be done. Control levels were introduced in SAP Net weaver 
2004s. 


Now the internal table splits into two parts where sorted fields are in one part and remaining 
all fields are grouped under GROUP internal table. 


a POSNR — & item number of the SD document 
8 MATNR & Material Number 


Step8: Drag the static text from the library into the form and provide the descriptions of the 
fields (Acts as a header). 


And also drag the internal table into the form (Here | deleted the default heading). 


Header of the internal table 


^ 3 nus ut 


Body of the internal table 


Save and activate the form. 


Step9: Execute the form. The output is as shown below: 


Document Item Maternal Number 


000010 CH-6020 


21 000010 CH-6200 


We can also create the table using subforms if we need the output alignment differently. 


In the above scenario, we directly drag and dropped the internal table into the form. But in 
this scenario, we use subforms to achieve the same. 


Step10: Now, create a subform as shown below. 


ps (untitled Content Area) 
| 

d Help 

es 


a-t») (Var Hide Palette 
z A | Rename Object F2 
% (Ref delete Del 


Wrap in Subform 
Unwrap Subform 


Insert SubForm 


Wrap in Subform Set 
Wrap in Choice Subform Set 


Unwrap SubForm Set 


Insert Subform Set 


Renamed it as ‘Body’. 


Step11: From the Data View, drag and drop the fields individually into the form as shown 
below. 


Sub form (Body) 


Step12: Wrap the field ‘VBELN’ into the form as shown below. 


Wrap in Subform 


Unwrap SubForm 


Insert Subform 


Wrap in SubForm Set 
Wrap in Choice Subform Set 


Unwrap Subform Set 


Insert SubForm Set 


Merge 


Insert Script Object 


New Body Page 
[E F3 Pagel CUM 


uet Insert Page Set 


Pe tu 
a 3 Bodypage w Show Names 
E m Heade — Show Captions 
Ef Body | Show Both 


And similarly wrap the remaining two fields into another subform ‘DATA’ which intern wrap 
into the subform ‘Group’. The final view of the Hierarchy is as shown below. 


| FP (untitled Content Area) 
=] A Bodypage 


All the pink shades are subforms. 


Step13: Place the cursor on sub form Body and 
Go to palettes--[] Object. There select ‘Subform’ tab. 


Here, Initially Content is ‘Position’. 


Change the Content field in the all sub forms ‘Body, Vbeln, Data’ from ‘Position’ 
to Flowed under subform tab as shown below. 


Subform 
content: a - 


Flow Direction: | Top to Bottom v | 


Allow Page Breaks within Content 


Now, select the ‘Binding’ tab. 
Here, Default binding is 'Normal' for sub form Body 


But select the Default binding as shown. 


Object x" wyout “Sorder à 
Name | Body | 0 | 


| 
Normal | Normal 
= 


| IT VBÀP > | 
L Mone 


Repeat SubForm For Each Data Item 


phic 
Min Count: Max: | 
Initial Count: 


Now, default binding for subform Body becomes as shown below: 


y x! 

Object x wyout “order "accessibility y 
| Subform `| Pagination `| Binding 

DeO T 


Default Binding (Open, Save, Submit): 


Import/Export Bindings (Execute): 


[ iRepeat Subform for Each Data Item 


| | Min Count: [ ] [ |Max: = 
Initial Count: mm 


And the binding of subform ‘Vbeln’ is 


Mame: 


Default Binding (Open, Save, Submit 


TT 


Repeat Subfa 
Minceur — | LT tas 


object 3x «yout ^serder Naccessibility , 
[Row "| Binding N 
we [mm —— — Ol 


Default Binding (Open, Save, Submit): 


| DATA[*] | 
Import/Export Bindings (Execute): 


[V] Repeat Row for Each Data Item - 
[¥] Min Count: mi Cmax: [] 
[C] Initial Count: = 


The binding of the sub form ‘Group’ is 


Object x"wyout “order Naccessibility / 
 Subform `| Pagination `| Binding 
ne: [croup [NN 


Default Binding (Open, Save, Submit): 


GROUP > 


Import/Export Bindings (Execute): 


> 


Min Count: C] Max: 


[ ] Initial Count: inm 


The binding of the sub form 'Data' is 


|Subform `| Pagination `| Binding 
tne: [De 


Default Binding (Open, Save, Submit): 


| DATA[*] ] > 


Import/Export Bindings (Execute): 


[v] Min Count: e] Cl Max: ia 
[Initial Count: E 


The binding of field ‘VBELN’ is 


C OOOO] 
[Field "| value "| Binding N 
Name: | VBELN [o | 


Default Binding (Open, Save, Submit): 
OO 
Data Pattern: ~v 
Data Format: | Plain Text Mi 


Import/Export Bindings (Execute): 


The binding of field ‘POSNR’ is 


SSS - |) 


[Field "| value "| Binding N 
none: [ware [e] 


Default Binding (Open, Save, Submit): 


> 
Data Pattern: nal 


Data Format: | Plain Text é 


Import/Export Bindings (Execute): 


Step14: The final layout looks as shown below 


Step15: Execute the form, the output is 


ti &- i PI] © wn *? WI n 


Document Mtem Materia! Number 
14 

000010 CH-6200 

000020 CH-6220 

000030 CH-6220 
15 

0600010 CH-0100 
16 

000010 CH-6200 
17 

000010 CH-6200 
18 

000010 CH-6200 
19 

000010 CH-6000 
20 

000010 CH-6020 


B &- EN eev- Hiat - 


p2 

000010 CH-6000 
33 

000010 CH-6000 
24 

000010 CH-6100 

000020 CH-5200 
35 

000010 CH-6800 


You can observe that there is no page header when there is a page overflow. 

Now let us extend the scenario to have the page header whenever there is a page overflow. 
Step16: We can achieve this as shown below. 

Place the cursor on the subform ‘Body’. 


Go to Palettes-[]Object. 


Here, in the Pagination tab under Object, select Overflow leader as ‘Header’ subform. 


Neyout_“torder à 
| Subform ` Pagination Binding ~. 


Place: | Following Previous | > 


Keep With: [ ]Previous [|Next 


After: | Continue Filling Parent | b 


Conditional Breaks: 0 


If Dataset Must Be Paginated: 


Overflow: | None | b 
Overflow Trailer: | (None) v| 


Activate the form. 


Step17: Execute the form and the output of the second page is as shown below. 


TED a PE : 


32 

000010 CH-6000 
33 

000010 CH-6000 
34 

000010 CH-6100 

000020 CH-5200 
35 

000010 CH-6800 


Calculating Page-wise Sub-Totals and Grand Total in 
Adobe forms 


By Nisrin Pindwarawala, YASH Technologies 


This Tutorial focuses on how to calculate Page-wise Sub-Totals and Grand Total in 
Adobe forms using JavaScript. 


In this demo, we will work with table 'SFLIGHT' and calculate Sub-totals and Grand total for 
the field 'PRICE'. 


Step 1: Go to Transaction SFP and Create an Interface. 


Form Builder: Entry Point 


O Form [ | 
@ Interface 2T TOTALS 


Step 2: Add the internal table it sflight in global data 


Interface zT. TOTALS Actie 


I UEUN Zane Name Type assignment [Type Name [Defaut Value | Constam | 
= OST TOTALs [m Sron TFE f SFUOHT_TABI t 
© C Form Intertace f : 
[2] import 
[3] Export 
[Z) Exceptons 
7 O Globa Definibons 


Types 
Step 3: In the Code Initialization part, fetch records from sflight into internal table it_sflight. 


SELECT * 
FROM SFLIGHT INTO TABLE IT SFLIGHT 
UP TO 50 ROWS. 


[e Silas A I 


] LL JE: ea 


ECT * 
ueri INTO TABLE [T SFLIGMT 


Step 4: Save and activate the interface. 


Step 5: Go to transaction SFP and create a form. 


Form Builder: Enty Point 


Step 6: In the context part of the form drag and drop the table sflight from global data of 
interface area to the context area and deactivate the field which we don't require in the 
layout. 


Step 7: Create a table by drag n drop from library on to the layout. Include one header row 
and footer row in the table. 


Layout Tools Palettes Help 


| © [se a | |: ig == = J 


Columns: 


Body Rows: 


[v] Include Header Row in Table 
Include Footer Row in Table 


O Create Table Using Assistant 


C] Don't Show This Again 


Move the table fields from the table by drag n drop from Data View Palette on to the body 
row of the table, which we have created. In the footer row insert a text field in the last 
column from the library as shown below. 


=s 
ean ILLA J D 


EX P : po 
VE MLAT T : O hatton 
Py: Test Field 
MANDT . 


CARRID ———7 
CONNID ———7 


Step 8: Calculating Sub-Total for field price. 
Firstly enable JavaScript for the text field, which we created in footer row. 
We can achieve this by selecting, 


e Select "Events with Scripts" in the Show drop down list 
e Select "JavaScript" in the Language drop down list 
e Run at: "Client" as shown below. 


Write this code in the area provided under these selection boxes. 


var fields - xfa.layout.pageContent(xfa.layout.page(this)-1, "field", 0); 
var total - 0; 
for (var i20; i <= fields.length-1; i++) { 


if (fields.item(i).name == "PRICE") { 
total = total + fields.item(i).rawValue; 
} 


this.rawValue = total; 
Click Enter Script Source Changes + to add the script to your form. 


Show: | Events with Scripts v. ^99 langjage: JevaSocik oy Ru 


it —-—— data.Data.Tablei.FooterRov.subtotal::calculate - (JavaScript, client) memme mem m meme ee 


var fields = xfa, layout. pageContent (xfa.layout.page(this}-1, "field", 0}; 
var total = 0; 
for (var 170; 1 <= fields.length-1; i+) | 


For Help, press Fi Ure; tt 


The value tab of the text field has to be set as below. 


Validation Pattern: | 


Validation Pattern Message: 


Step 9: Calculating Grand Total. 


Group the elements of the body row, and then insert subform by right clicking on data. 


s | Cvents wah Serbts wf OS "e 


Wrap in SubForm Set 
Wrap in Choice Subform Set 
Unwrap Subform Set 


Insert Subform Set 


Merge 


Insert Script Object 


New Body Page 


Insert Page Set 


v Show Names 
Show Captions 
Show Both 


J) (Master Pages) 
if) page 


Move the table under the subform and Insert a new subform with a text field under it. 


i] 
iS | (Master Pages) 
is 3 page 


untitled Content Area) — | 
i2 ds Tablel 


+) Gl HeaderRow 

B gH Rowl 

+ 33 FooterRow 
X. (Referenced objects) 


S | Top to Bottom | 


[Zlatow Page Breaks within Content 


|] object cessibili 


Keep With: [ ]Previous [Next 
Mte [Continue Fino Parent |» 
Condor eas: 0 
If Dataset Must Be Paginated: 


Overflow: | Go To Content Area "(untitl 


Wrap in SubForm Set 
Wrap in Choice Subform Set 
Unwrap Subform Set 


Insert Subform Set 


Merge 


Insert Script Object 


New Body Page 
Insert Page Set 


v Show Names 
Show Captions 
Show Both 


| ie Tablet 
if, (Referenced Objects) 


eee CC 
6 7? 8 


0 1 2 3 4 5 


Hierarchy a [ Data View "X. > 
3 data 


8 3 (Master Pages) 
= Fd page 
ED (untitled Content Area) 
3 hi Date 
ie 3g Tabel | 
na 


i g TextFieldt 


X. (Referenced Objects) 


After following these steps, 


e From the drop down list "Show" select Calculate 
Enable FormCalc for the text field "Grand Total" as shown below. 


Bee — Nf 06 [m CM 


data.Data.GrandTotals.TextFieldl::calculate = (FormCalc, client] -<<<9<<+<+<<<<s<snssssnnnnne 


For Help, press Fl Une: 2 Cd: 1 


Step 10: Code for Grand-Total 


Write the code under the area provided for the text field 


sum(Data.Table1.Group1.Row1[*].PRICE[*]) 


Click Enter Script Source Changes + to add the script to your form. 


| tom [evertsutnsonts ¥ fh JQ Language: |Fomcak | Ru 


Ë ----- data.Data.GrandTotals.TextFieldi::calculate - (Formalc, client] ------------------------~---- 


Line: 4 
——————s ix] [| Body Pages (Master Pages s Vet POF Preview XN 
Object yok Wie Seso Vy | 3 re 
^ 


Type: |Colted -Read Only { 
© Calculation Script 
O Runtime Property: 


Step 11: Save and activate the form. Execute the form. 
The output appears like this: 


Pagel: 


ox (SE [sese 
oer peers | meos 
= = 
064 
064 


P| Pl Pi, 


o Feb 23, 2007 USD 
[x [o cwm enm Eee 
[ «| € emm [ — ce] 


g | æ wemmr [ 9pm 
[we esa | pee 
[ee nem [ 9e 
[ em pemaw | 
[em qunm | —— cepe —] 
e NE NNNM 
[em pesm | cepe 
[ em eum | cepe 
[x [ wer pem p mee 
[x p ces ema | —— ee 
[ x | wm mm | eps 
[x | ow euemm | mee 
0788 1,0320 |USD 


EE EN 


BPR) RR 


Grand Total 20613.2 


Including the Standard Texts (SO10) and any other 
Long Texts in the Adobe Forms 


By Chandra Mohan Reddy Piminty, YASH Technologies 
First Step: Creating the Interface (Ex: ZCHANDU) 
Transaction code SFP 


Creating an Import parameter VALUE of type ZTEST S. Structure of ZTEST S is in 
the next slide. Activate the Interface. 


Interface ECHANDU | Active 


ejaz) of] s] :] 
Parameter Name | Type 
T) SFPDOCPARAMS 
TYPE m ZTEST_S 


v Forrn interface 


[3 Export 
E Exceptions 


Second Step: Form Design 

Transaction code SFP 

Create a form (Ex: ZCHANDU) and provide the interface name created above 
Creating a Text node by right clicking on the top node ZCHANDU and then 
CREATE -> TEXT. 


In the properties of the TEXT node select Text type Include Text and then provide 
the Text Name, Text Object, Text ID and Text Language values as shown below. 


Drag the VALUE structure from the interface into the Context. 


Im 
pun) Cal Onn OLAI Kitarat even Wey 


* BURECI B Character e Lengths 10 
n WERE B tinim unter 


Text Frame TCHRD 
Tet Object TEST 

Tea iO st 

Tou Low gue ey 


We can pass the Text node properties values dynamically as well. An example is 
shown below: 


nclude Text 
Text Name 'RDGPRINT-TDNAME 


Text Object | RDGPRINT-TDOBJECT 
Text ID. 'RDGPRINT-TDID 
Text Language 'RDGPRINT-TDSPRAS 


Next go to the Layout Tab: 

The Data view Palette screen shot is shown below. 
aTe j 
NNN WIE 


SUBJECT 
MARKS 


Drag the TEXT node into the BODY subform at the desired location. 


The Hierarchy Palette and the Body pages screen shot is shown below. 


Activate the Form. 


Testing: Provide the values for the structure VALUE as below. 


Test Function Module: Initial Screen 


it ® Debugging || GE) E | Te: st da ata d ! dire ectory ry 


Test for function group '"1BCDUB/SMBOB0BB00853 
Function module '1BCDUB/SMBOBOBOBS3 
Uppercase/Lowercase 


'1BCDUB/ DÜCPARAMS i9] «Initial» 
VALUE i| 901 CHANDU 


Output: 
ON 
BA @&-\e@ L (eo @ ln} | 


testing the Text Symbols 001 CHANDU ENGG 68 


The screen shot of the Standard text created in Transaction SO10 is as below: 


Text Edit Goto Format Insert System Help 


TIE Maprel 
VALUE -MARKSK 


Limitations of Include Texts in Adobe Forms: 


e If the values of the Text Symbols are coming into the Form in an internal table then 
we would not be able to use the Include text, as in Adobe Forms between the internal 
table name and the field names a DATA node is inserted due to the XML naming 
conventions and this DATA node is the one that creates the problem. Even though we 
have the table name and the field names same as in the Standard text, the error 
would be that the field is not found. 

* The Text Symbols values must be coming from the Interface. If we are using Script 
(Formcalc or JavaScript) and filling the Field values, then those values would not be 
passed to the standard text, even though we have the calculated value in the Field 
and be able to print it. 


Scenario on displaying logo, background image and 
fetching data from multiple tables 


By Venkateswara Rao Appikonda, Intelligroup 
Go to the transaction code SFP. 


Let us first create an interface for the form. Say the name of the interface is ZTABLES. 


& 
Form Object Edit Goto Utilities Environment System Help 


V ;Heee she 
Form Builder: Entry Point 


OForm | 
@ Interface 'ZTABLES 


$e Depw | Change | O create | 


Chose Create (f5) and provide the necessary description for the same. 


Interface (2 TABLES 


Description ‘this is for displaying data from different tables 


Save the object either as local object or any package. 
Double Click on import in the form interface and choose Create button over there. 
Provide the import parameter: PERNR as shown below. 


Form Bullder: Change Interface ZTABLES 
Be gom 


> a Form Interface 


— 


LL I 


In the types, provide the following code:. 


types: begin of ty final , 
pernr like pa0002-pernr, 
begda like pa0002-begda, 
endda like pa0002-endda, 
vorna like pa0002-vorna, 
nachn like pa0002-nachn, 
ansal like pa0008-ansal, 
lga01 like pa0008-1ga01, 
bet01 like pa0008-bet01, 
end of ty final. 

TYPES: it final type table of ty final, 

itab type table of pa0002 , 

itabl type table of pa0008 . 


v Conde - 3 Fel 4 


Form Builder: Change Interface ZTABLES 


types begin of ty final , 
pernr like pa0092-pernr, 


SFe Maaie , — & begda like paü0902-begda, 
C Form interface n Taa E —-28 endda like pa0082-endda, 
E Import ~ vorna like ps0002-vorna, 
Export nachn like pa0082-nachn, 
B Exceptions ansal like pa008B-ansal, 
lga01 like pa0008-19a01 , 
* © Global Definitions bet9! like paü068-bet8l. 
[8] Global Data end of ty. final 
Field Symbols 
O OD Initialization TYPES: it_final type table of ty_final 
[8] Code Initialization : 
FORM Routines : types. itab type table of pa9002 


bd © Currencyduantty Fields types itab! type table of paGB08 


[8] Currency/Quantity Fields 


Provide the following code in the initialization . 


select * from pa0002 
into table itab 
where pernr - pernr 
select * from pa0008 
into table itabl 
for all entries in itab 
where pernr - itab-pernr 
loop at itab into wa itab 
wa final-pernr - wa itab-pernr. 
wa final-begda = wa itab-begda. 
wa final-endda - wa itab-endda . 
wa final-vorna = wa itab-vorna. 
wa final-nachn = wa itab-nachn . 
read table itabl into wa itabl with key pernr - wa itab-pernr. 
wa final-ansal - wa itabl-ansal. 
wa final-lga01 = wa itabl-lga01. 
wa final-bet01 = wa itabl-bet01. 
append wa final to it final 
endloop. 


B Field Symbols 


Code Initialization ; select * from pabba into table itabi for all entries in itab where 
FORM Routines 1 perar = 1tab-pernr . 


C "Qui Fields | 
= loop at itab into wa itab . 
S] CurrencyQuantity Fields wa final-pernr = wa itab-pernr. 


wa final-ansa] = wa itabí-ansal 
wa_tinal-1ga01 = wa itab!-1ga01 
wa final-betü! = wa itab!-betü! 
append va final to 1t final 
endloop. 


wà final-begda = wa itab-begda 

wa final-endda = wa_itab-endda 

wa final-vorna = wa 1tab-vorna. 

wa final-nachn = wa itab-nachn . 

read table itab! into và itab! vith key pernr = va itab-pernr. 


Define the import and output parameters as shown above. 


Declare the following variables in the global declarations: 


Form Builder: Change Interface ZTABLES 


S| 


Save and Activate it . 


Now create the form as shown. 


[^1 . Mei 


IiE 
amu Jm 


Enter the description and provide the interface name as ZTABLES, which is created 
earlier. 


Form ZTABLES 
Description 


Interface — ](^2&^  [ztabes —  — 0 0 0 o | 


Save the object either as local object or under a package . 


Drag the import parameter PERNR and output tables and system fields( if needed) onto the 
context area 


Personnel numbe 


Current Date of Application Server 
Current Time of Application Server 
b znwA ITAB HR Master Recon 
b znw ITABI HR Master Recon 
b anWwA FINAL 
= O System Fields ER TENE: 
v mp SFPSY System Fields 
s DATE Current Date of Ay 
B TIME Current Time of A 
© SUBRC Return Value of Al 
[ BENE 


Personnel number 


First deactivate all the fields in the table itab and then select the fields to be visible in 
the output (right click on the field and choose activate) as shown below. Repeat the same 
for the internal tables itab1 and it final as well . 


Form Builder: Change Form ZTABLES 


rz J p 


&& Personnel number 


ô Subtype 
Q Object Identification 
Lock indicator for HR Master Dala Recor 


o 

9 7 

D UMAME x & Name af Person Who Changed Object 
Dn HISTO * Higtoncal Record Flag 

© (TEx x a To Existe for infotype 

o REFE»* x & Reference Fielde Exist Primat Setónd: 
o ORDEN x & Confirmation Fields Exist 

B [TBLD w B into Screen Control 

© PREAS x 8 Reason for Changing Master Data 

n FLAG! wt A Paronen Caingin Field 

TX " 


Click on layout tab. 


Form Builder: Change Form ZTABLES 


Form Builder: Change Form ZTABLES 
Form [ZTABLES | Inactive (Revised) 


__Properies cowATTNS 8 8 8 1 LÁ 0 50. 


3 cw [gli tile. e 


Now drag the fields from the data view to the design view...and arrange them in a specific 
order in which you want and create a text element for the header. Here you can change the 
font and size for the text element in the right side pane. 


Form Builder: Change Form ZTABLES 


Form [ZTABLES Inactive (Rewsed) 


| pw ee coe) 
wo «BIX 


Terre TT CLIT 


Go to pallets -> object then a new window will opens as shown below. (Compare the above 
and below diagrams) 


Double-click on the image dragged from the library (here it is shown below) then it will show 
a F4 help for selection of the image like this.. 


Form [2TABLES | Inactive (Revised) 


Edit View Insert Layout 
i a eaaa FE 


Look in | © Sample Pictures 


Click on the image and choose open then it will be on the body page and you can select the 
image and increase the size of the image also 


Form Builder: Change Form ZTABLES 


Form | i 2TABLES | Inactive (Revised) 


Aaea Die a] 
i [ -|B I X | 


Pa BP ta ee | S| i i | 


Bn 
(+) 


Body Pages “(Master Pages NML Source 


UR 


salary form of the employees 


L1 — LIEI—ILL 1L. 


For the image to be displayed on the form, it is important to do this. Right Click on the 
image and click on object and check the EMBED IMAGE DATA checkbox. 


rm 


Cut 
Copy 
Paste 
Delete 


yout Tools Palettes Help 

PIN 

Se | i AI ET 

n S AEGUEH 
a 
0) A D =, i , í 
3 


Bring to Front 
Bring Forward 
Send Backward 
Send to Back 


Layout... 
Border... 
Object., 
Font... 

Paragraph... 


Add to Library... 


eee SHE suus mm OB 


L 
n ZTABLES m Jt 
zr f ff Layout ~“ Object N, — Q) 
Active = 
URL: | C:\Documents and Settings\All L té 
[V] Embed Image Data E 
z| 
e | % a i ad | Presence: Visible 
Body Pages WMaster Pages |] ^^ | 
oF ^ 
salary form of the employees 
LLELJ | 
DATE [73 F 
ME MEN 
USERNAME [ 


Paste pmscae — pnesxe 7 pexmamm [oars EETA ume e eme] 
Ed 4 4 hh 4 1 hk. 


How to put the background image on the form 


To put the image as a background, select the image into the body page and right click on 
the image and choose send backward then it will become the back ground like this.. 


PoP he | to S| S| i i | 


ue ore = 
Bn iL pese —— — Pascua — karcam  Peainawe — [iaa mre [tem mmy lees pmm | 
JP Accessibility {Report S Ld I— 1 —Ir-— fe m 


(You need to check the checkbox EMBED IMAGE FIELD for the background image here as 
well) 


Save, Activate and execute it . 


Provide a personnel number (input) 


Test Function Module: Initial Screen 


||@ Debugging || Test data directory | 
Testfor Fugr. '1BCDUB/SMaBO0B88220 
Func. Mod. '1BCDUB/SMOBOBO220 


Uppercase/Lowercase [] 


RFC targetsys: [SAT | echnicatt C) 


BIR Mie Boas Seas 


Choose execute. Give the input device as LPO1 or LOCL 
E] 
[PaForn]Loc [NTWOEY — 


Choose print preview. 


of the employees 


USERNAME  [NTWDEV 


CCNICIUM CILE CNN RN CNN CNN NN 


How to call this in a program 


REPORT Zadobeforms . 
data:/1BCDWB/FORMOUTPUT type FPFORMOUTPUT , 
/1BCDWB/DOCPARAMS type SFPDOCPARAMS , 
ie _outputparams type SFPOUTPUTPARAMS . 
CALL FUNCTION 'FP JOB OPEN' 
CHANGING 
ie outputparams = ie outputparams . 


*---here get the function module name from the form 
CALL FUNCTION '/1BCDWB/SM00000220' 


EXPORTING 
/ TBCDWB/DOCPARAMS = /1BCDWB/DOCPARAMS 
pernr = '00001000' 
IMPORTING 
/ 1BCDWB/FORMOUT PUT = /1BCDWB/FORMOUTPUT 


CALL FUNCTION 'FP JOB CLOSE' 


Printing Address using Business Address Services 
(BAS) 


By Syed Abdul Adil, YASH Technologies 


Instead of using custom tables for address information, many applications access Business 
Address Services (BAS). In the Business Address Services, addresses are identified by means 
of numbers. 


The addresses that you integrate in form's layout will be formatted in accordance with 
country-specific conventions. 


Step 1: Go to Transaction SFP and Create an Interface. 


Form Builder: Entry Point 


|| 1 |[ ||) [er] co] bp 


O Farm | 
@ Interface (ZBAS ADDRESS. 


Step 2: Define Import parameter under Form Interface. 


IS ADDRESS TYPETYPE CHAR1 


IS ADDRESS NUMBER TYPE ADRC - ADDRNUMBER 
IS PERSON NUMBER TYPE ADRP - PERSNUMBER 
IS COUNTRY TYPE LAND1 
interface: ZBAS_ADDRESS Active 


Bilal 


7 []ZBAS ADDRESS 
v C Fom interface 


B Export 

BB Exceptions 
© (3 Global Definitions 

E Global Data 


[Tes 


Step 3: Save and activate the interface. 


Step 4: Now create the form as shown below. . 


Form Builder: Entry Point 


| || [| Bb) 


@ Form |2BAS ADDRESS — 
O Interface u— HÓ: 


dy T ][7 change] [EX Greate] 


Step 5: A pop up window would appear where we need to assign the interface name to form 
and also the description of the form. Press Save button. 


[Œ Create Form 
Form |ZBAS ADDRESS | 


Description [Form for Busine usiness Address Sewices — ãăä oO o | 


tarrace. jsme | 


Step 6: In the context part of the form Create Address Node as shown below. 


Form (ZBAS ADDRESS | Inactive 


V (7 Éy Import = 
B S ADDRESS. (TYPE 
B |8 ADDRESS NUMBER Address num 
Bo |58 PERSON, NUMBER Person numk 
o |S8 COUNTRY Country Key 
b (CJ System Fields 


Collapse Subtree 


i Alternative 
Folder 
Data... 


Step 7: Click on the Address node and set the properties as shown below. 


7 (©) ZBAS_ADDRESS 7 Q ZBAS_ADDRESS 
__ YG import — 
o I8 ADDRESS TYPE 
o |8 ADDRESS NUMBER Address num 
2 |58 PERSON NUMBER Person numk 
2 |5 COUNTRY Country Key 
b CJ System Fields 


Name |ADDRESS 
: Description Address Node ADDRESS 
N * Status ‘Active 


Address Type 

Dynamic Address Type 
Address Number — 
Person Number - 
Additional Specification: 

Number of Lines to be Used ETY 
Sending Country 


If PO box and street exist PO box has priority over street 


Step 8: In the Layout part of the form, Drag and drop the Address Field. 


Form (ZBAS ADDRESS | Active 


Caption: | ADDRESS 
Appearance: Sunken Box {v 
Cl Allows Multiple Lines 
[_]limé Length © Max Chars: 


Field Format: Plain Text Only — -¥ 


Step 9: Set the Object properties of Address text field as shown below. 


View Insert Table Layout Tools Palettes Help 


a RR 
Neer Pages SX Source ENDE Preview 
2 3 4 |l 


1 


Field Format: 
Display Pattern: 
Edit Pattern: 


‘Plan Text Only M 


Layout Tools Palettes 


[Cl Omit Border around Page Breaks 
- Background Fil 


Step 11: Drag the static text from the library into the form and provide the descriptions of 
the fields. 


_ eee ee 
Body Pages “Master Pages X WX XML Source x ‘S&S PDF Preview & 


| 


E Fà Pagel 
RP (untitled Content Area) ' EI Printing Address Using 


S +2 (untitled Subform) (page 1) I: i Bcc Mid Services) i 


RESS 


0 (Referenced Objects) 


Step 12: Save and activate the form. 
Step13: Test form, by entering Address type, Address Number and Sending Country. 


Note: Person Number is optional; it is applicable for Address type 2 and 3. 


Test Function Module: Initial Screen 


(Gy |» Debugging | Debugging. Ir | Test data directory | data directory. | 


Test for function group /1BCDWB/SMOG000426 
Function module /1BCDWB/SMOG000426 
Uppercase/Lowercase A 


Ul: 


Step 14: Execute the form. The output is as shown below: 


Preview Print Output 
LEGE search |x wi &- Gi [ti] © [nm r ejm m 


Printing Address Using 
BAS (Business Address Services) 


Y-48 Hyderabad-Hyderabad 


t Attachments 


Printing Address without using Business Address 
Services (BAS) 


By Syed Abdul Adil, YASH Technologies 
If our application makes no use of the Business Address Services but you still want to have country- 
specific addresses, we must use ABAP coding to achieve this. It is possible to do this in the 


application program or in the initialization coding of the interface. 


Step 1: Go to Transaction SFP and Create an Interface. 


Form Builder: Entry Point 
ell v] |] ea) | [En] ren] Bp) 


OForm | 
© Interface RE = [9 


Go E A ][D- eese] 


Step 2: Define Import parameter under Form Interface. 


IS CUSTOMER ID TYPE S CUSTOMER 
IS COUNTRY TYPE LAND1 


Pe ee MEEMMEMIMKMWWNWNNNNNNNNNNNNK E 
[aJ 


> © ZADDRESS 
Form Interface 


E Export 
E Exceptions 


— (^73 Atabal Nafinitinana 


Step 3: Define Global Types under Global definition as shown below. 


TYPES: 
BEGIN OF ty adr printform table line, 
line type TYPE ad line tp, 


address line LIKE adrs-line0, 
END OF ty adr printform table Line. 
TYPES: 


ty adr printform table TYPE TABLE OF ty adr printform table Line. 


m| f tyres: 
| (© ZADDRESS T BEGIN OF ty adr printform table line, 
7 line_type TYPE ad_line_tp, 
= iai TT Xi 1 Xo address line LIKE adrs-lineB, 
[E] Import END OF ty adr. printform table line. 
E Export TYPES: 
[8] Exceptions ty adr printform table TYPE 


70 Global Definitions TABLE OF ty adr printform table line. 


Step 4: Define Global Work Areas and Internal Tables under Global definition as shown 
below. 


IS ADDRESS TYPE ADRS1. 

IT_ADDRESS LINES TYPE TY ADR PRINTFORM TABLE. 
IS ADDRESS LINETYPE TY ADR PRINTFORM TABLE LINE. 
IS SCUSTOM TYPE SCUSTOM. 


internace 


Sb LED ENE 


B [E| Variable Name 


v [JZADDRESS | |I&-ADDRESS TYPE f ADRSt 
v (jJ Form Interface | [TADO "ADDRESS "LINES TYPE & TY ADR. PRINTFORM. TABLE 
E) Import | |IS ADDRESS LINE TYPE a 'TY ADR. PRINTFORM TABLE | LINE 
B Export IS SCUSTOM ‘TYPE B |SCUSTOM 
B Exceptions 


Step 5: Write the below code in code initialization part. Check for errors and activate the 
interface. 


SELECT SINGLE * 

FROM scustom 

INTO is scustom 

WHERE id EQ is customer id. 
is address-title text is scustom-form. 
is address-namel is scustom-name. 
is address-street is scustom-street. 
is address-po box is scustom-postbox. 
is address-post codel is scustom-postcode. 
is address-cityl is scustom-city. 


is address-region = is scustom-region. 

is address-country = is scustom-country. 

* Address Format According to Post Office Guidelines 

* Note : Refer Function module documentation for more information. 
CALL FUNCTION 'ADDRESS INTO PRINTFORM' 


EXPORTING 
address 1 = is address 
address type = '1' "normal/company 
sender country = is country 
number of lines = 8 


IMPORTING 
address printform table = it address lines. 


sla)  [ej[Ope[m[e][s[:-]| [e] 
E 


Input Parameters ‘Outp 


> © ZADDRESS l | |IS_SCUSTOM : 
b C Form Interface | [IS ADDRESS E 
> © Global Definitions I8 COUNTRY 


f| | SELECT SINGLE * 
c = FROM scustom 


> CQ Form Interface INTO is scustom 
b CJ Global Definitions WHERE id EQ is customer id. 
"7 (J Initialization 


v CZADDRESS 


is address-title text 
= is address-name1 
=] FORM Routines is address-street 


*7 & Currency/Quantity Fields is address-po box 


—— is_address-post_codet 
E CurrencyQuantity Fields is address-cityl 


is address-region 
is address-country 


is scustom-form. 

is scustom-name. 

is scustom-street. 
is scustom-postbhox. 
is scustom-postcode. 
is scustom-city. 

is scustom-region. 
is scustom-country. 


CALL FUNCTION 'ADDRESS INTO PRINTFORM' 


EXPORTING 
address_1 is address 
address type "a "normal/company 


sender country 

number of lines 
IMPORTING 

address printform table - it address lines. 


is country 
8 


Step 6: Save and activate the interface. 


Step 7: Now create the form as shown below. 


Form Builder: Entry Point 


a) v [ea] nu] | [Pr] ccs] eb 


@Form ! B 
O Interface | 
(By create) 


Step 8: A pop up window would appear where we need to assign the interface name to form 
and also the description of the form. Press Save button. 


[E Create Form 


Form ZADDRESS 
Description Form for Addresses Without Business Address Services 


Interface iG 


Step 9: In Interface we will find the data that was created in the interface. We need to drag 
the elements that need to be displayed in output into the content area. 


Zama zanaren 


V (O ZADDRESS z et ERES — —— 
b O Import È 
V & Global Data 
> ao 1s ADDRESS Address 
h am 


Step 10: In the Layout part of the form, Drag and drop the Address Field. 


Edit View Insert Table Tools Palettes 


Body Pages “Master Pages & * XML Sour 


Layout 


ZADDRESS 
(=) al IT ADDRESS LINES 
B-E DATA 


i P LINE TYPE 


Step 11: Drag the static text from the library into the form and provide the descriptions of 
the fields. 


Edit View Insert Table Layout Tools Palettes Help 


Body Pages Seter Pages X «Source X wDF Preview 


a CNRC a OMA Pora] 


d (untitled Content A 


=|) (untitled Subform) (page 1) Mm gne 


Step 12: Set the Border properties of Address text field as shown below. 


data 
D (Master Pages) 
F3 Pagel 
FD (untitled Content 
b BodyPage 
{TS StaticTextt 
hs ADDRESS LINE 
X, (Referenced Objects) 


I 


Hu 


[C] Omk Border around Page Breaks 
da ~ E a. 


Step 13: Set the Object properties of Address text field as shown below. 


Edit View Insert Table Layout Tools Palettes Help 


ag data 
= É (Master Pages) 
= [3 Paget 
PSS (untitled Content 
a a BodyPage 
(DB StaticText1 
DJ? ADORESS LINE 
X. (Referenced Objects) 


Step 14: Wrap the address field into Subform as shown below. 


Edit View Insert Table Layout Tools Palettes | 


-]x| [Body Pages “er Pages ® Source x NE Preview 
1 2 


[a ee (€ 
| Hierarchy * “> 0 


data 


iz r3 (Master Pages) 
=P Paget 
EÐ (untitled Content 
= |") BodyPage Í 
HE StaticText1 i 
Í Help 3 
€. (Referenced Ob} Hide Palette 
Rename Object F2 | 
| Delete Del | 


Table Help 


Ll 
WF Preview 


Layout Tools 


Ner Pages Source 
2 


Palettes 


<] || Body Pages 
4 v IT^ 


= |) (Master Pages) 
=] Fid Pagel 


FS (untitled Content | 


StaticText! 
= subform 
JA aDDRESS LINE 


Step 16: Set Subform Object properties as shown below. 


Edit Liew Insert Table Layout Tools Palettes Heip 
T idii JIR 
Body Pages “er Pages _& 0 x Preview | 
2 


F) (Master Pages) 

=) Paget 
EÐ (untitled Content 

= |] BodyPage 

[Bi StaticTexti 


5 LINE 


Step 17: Set Subform Object properties as shown below. 


Table Layout Tools Palettes Help 


massan sansan 
Body Pages ‘er Pages Sc X Preview I AN AR 
2 3 


E 
= 1D (Master Pages) 


= [À BodyPage 


StaticTextt 
ADDRESS_LINE 


f. (Referenced Objects) 


Default Binding (Open, Save, Submit): - 
Normal b 


4 Import/Export Bindings (Execute): 


Step 18: Save and activate the form. 


Step 19: Test form, by entering Customer id and Country. 


Test Function Module: Initial Screen 


le Debugging ||GX] | Test data directory | 


Test for function group !1BCDUB/SMaa8800434 
Function module '1BCDUB/SMOOBGOOUA34 
Uppercase/Lowercase 


'1BCDUB/DOCPARAMS 
IF h 


Step 20: Execute the form. The output is as shown below: 


Preview Print Output 
LEX IUE la (fea © Lem 


i Printing Address Without Using 
sA BAS (Business Address Services) 


Configuring the Adobe Forms / Smart forms / SAP Script to the 
output type in NACE 


By Nikunj Shah, YASH Technologies 
Go to transaction NACE. 


Choose the required application from the list and click on output types. 


nditions for Output Control 


dition records || Procedures | 


Error Control 
Document Managemen = 
Inbound Delivery 
Purchasing RFQ 
Purchase Order 
Purch. SchAgrRelease 
Entry Sheet 
Purch.Outline Agr. 
Sales activities 
Rough Goods Receipt 
Direct Procurement 
ME Inventory Management 
Invoice Verification 
Nota fiscal 
Direct Production 
JIT Call 
DBM Automotive 
DBM Putaway Manager 
Automotive 
DI - Warranty 
(1 Sales 
Shipping 


Groups 


Handling Units 

Transport 

Visit List 

Allocation Table [=] 
Retail Promotion [=] 


Chose one of the Output types from the right pane and click on processing routines. 


Shippers Let c of inst 


Following screen appears: 


If an SAP Script to be attached, fill-in the driver program name, Form routine and SAP Script 
name in the field “Form” (shown below)” 


Output Type RD88 invoice 


Application [¥3| Biling 


| [Medium FORM routing | 


IPDF/SmartF orm Form j: 


| [Prim output Tj ENTRY D INVOICE FORMOT f 
ax TENTRY D INVOICE FORMOT- T7 

^ [External send D ENTRY 5D INVOICE FORMÓ1 | 
PEDI PROCESSING l f 

[Simple mati T ENTRY 5D INVOICE FORMOI POF 3 
' |Spectal function ENTRY i Tr d 
Distribution (ALE) * ALE PROCESSING | 1 
a | y 

m i n 


If an Smart Form / Adobe Form are to be attached, enter the form name in the field 
“PDF/SmartForm Form” and select one of the types “PDF” or “SmartForm”. (See the 
screenshot below) 


FORM routine Form O | [ 


m ENTRY SD BIL MAIL B0DY 
ZI EDI. PROCESSING m EP 
SI ENTRY 
ENTRY 


ALE_PROCESSING 


Q3 cs cs 


Bici G9) EP, C9 Co 


as cs cs] 


Demo scenario on Adobe Interactive Forms using ABAP 
WebDynpro - Part1 


By G.K.Akbar, The Washington Post 


| have created a table 'ZDEPT' with just three fields; | will be creating an Adobe form for 
these three fields and will be updating this table using ABAP Web Dynpro framework. 


ES PETE, pene) 


ngs || « Append i | 
E wd Diao rine i 


Transp. Table HDEPT | Active 
Short Description | for testing 


p cT 


Object Navigator 


Web Dynpro Comp.Antf ZADOBE does not exist 
i Create Object? 


D dà Component interface 
p © views 

b T windows 

p Z5 Web Dynpro Applications 


Enter the details in the popup window as shown below 


@ Web Dynpro Component 
© Web Dynpro Component Interface 


BES a package to the application or save as a local object 


b $ Web Dynpro Applications 


You can see Component controller, Interface controller and window being created 


Create a View as shown below 


Display 
Create/Change Configuration 


Delete 


Web Dynpro Component (Interface) 


Custom Controller 
Service Call 


Mime Object 


Other Functions 


Web Dynpro Application 


Give the view name as ‘MAIN_VIEW’ as show below 


You can see the main view being created. 


Ce 


for 


= rA 


Web Dynpr 


Go to the context tab of the "MAIN VIEW' and create a empty node. 


Give the name of the Node as ‘Adobe’ and press enter as shown below. 


Web Explorer: Create View for ZADOBE 


2, 


[Æ Create Nodes api 


You can see the node ‘Adobe’ being created below. 


Web Dynpro Explorer: Create View for ZADOBE 


[web Dynpro Comp. / Intt. - 


Create another node under the node adobe as shown below. 


b Dynp 


ro Explorer: Create View for ZADOBE 
|| leg ; | ] 


[Web Dynpro Comp. / ntf. - 


Update Mapping 
Delete 


Delete Mapping 


Give the name of the node as 'ZDEPT' and Dictionary structure as 'ZDEPT' and press the 
button 'Add Attribute from Structure'. 


r ZADOBE 


Select the Fields as shown below and press enter. 


= E Ie ponents of Structure ZDEPT 


You can see the node 'ZDEPT' with three fields being created under the node ‘ADOBE’. 


> wt x | 


Create View for ZADOB 


A 


Now create an attribute 'PDF SOURCE' under the root node 'CONTEXT' as shown below 


v un Mr ( | 
Web Dynpro Explorer: Create View for ZADOBE 


E 


Give the Attribute Name as ‘PDF SOURCE’ and the type 'XSTRING' as shown below 


eb Dynpro Explorer: Create View for ZADOB 


d 


ha 


LATE Create Attribute op 


You can see all the nodes that we have created; your screen should appear like the one 
shown below. 


4 
CE) Ee) 


pex 


Go to the Layout tab of the 'MAIN VIEW' and create a place holder for the adobe form, Right 
click on the 'ROOTUIELEMENTCONTAINER' select 'insert Element' from the context window 
as shown below. 


Mronment e Help 
Change View for ZADOBE 


Erg I TERT vae If Pre 


Create Container Fot 
Display UI Element C 


Enter the details in the POPUP window, give the name of the place holder as 'ADOBE' and 
type 'InteractiveForm' as shown below. 


We 
4 i 
Acad | el 


E 
[= Create element [Es] 


g ma 


OW W I 


You can see the placeholder 'ADOBE' being created, check the CHEKBOX enabled in the 


property list, this is a required entry for an interactive form, (an activex control 


Control Framework' will be automatically downloaded on to the client from the server when 
the web page is first called). Increase the height to 500px and width to 500px as shown 


below. 


“Tal |] > C ROOTUELEMENTCONTAINE 


a 


Bus rag 
_Officelntegra | 


| 
DE 
A 
at 


Click on the button in the property list for the property ‘pdfSource’ and select the node 
‘PDF_SOURCE’ from the context window. 


VHD 
1t ae. =) 
: : 


In the property List for ‘template Source’ property give the name of the adobe form 
"ZADOBE’ that we will be creating during this session and double click on it. 


In the POPUP window, give the adobe form interface name ‘ZADOBE’ as shown below and 
press on the ‘Context button’ as shown below. 


K " 


Web Dynpro Explorer: Cha 


Specified Form Object Does Not Exist 
To Create the Object. You MustFirst Specify à 


Select the Node 'Adobe' from the context window as shown below. 


e View for E 


1 


Web Dynpro Explorer: Chang 


F 
L 


x 


Save the application as local object. 


the button ‘Save’ to save the main view. 


Web Dynpro Explorer: Change View for ZADOBE 
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You can see the Adobe form application with our web dynpro context node 'ZDEPT' being 
mapped to the context of the Adobe form in the Data view tab. 


Just Drag and Drop the ‘ZDEPT’ Node on to the form, in the subform tab of the object make 
the content as ‘Flowed’ as shown below 


ae a a 


OS c IEIRIGILJE E e 


~] 


sammes) d i evum 


* X |[ Design View "Master Pages X **. Preview PDF 
ERE, T] : ; 


Im 


Drag and Drop 'Text' from the Library pallet and enter the text as you wish 


IT s Ew 


A 
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png Titii [i 


Drag and Drop the Submit button on the form as shown below 


Jie s ela) 
v v: ee BI’ esa 
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EN |! 
E i 


1 
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E -} 


Just select the event click* and language JavaScript and run at client (No coding is required) 


TA 


eee ee eee ECT 
"mim ce sels 
Sry rie eres 
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Now Save and just activate the Form and the interface as shown below. 


Form Builder: Change Form ZADOBE 


TENE | aro — — 
gi | p M nr a imj a 
u = m " -——— LÁ 8 


(= Inactive Objects for AKBAR 


Go to the properties page of the form and double click on the interface 'ZADOBE' you can 
see the 'XML Schema' 


You can see the ‘XML Schema’ interface (You can have three types of interfaces ‘Abap 
dictionary interface, Smart form compatible interface and XML interface) for interactive 
forms using WebDynpro you have to use the XML Schema interface. 


Press the back button to go back to our web dynpro application. 


<?xml version="1.0" encoding="utf- 8" ? 

- «xsd:schema attnbuteFormDefault="un 

xmins: xsd-"http:/ / www.w3.org/ 2€ 

xmins:xfaz"http: / /www.xfa.org / sc 

xmins: xfadataz"http: / /www.xfa.on 

xmins: xhtmiz"http: / / www.w3.org/ 

«xsd:import namespace "http: / / ww 

- <xsd:element name-"item" fromWDC 
- <xsd:complexType> 


Now we are back to our web dynpro application. 


Select the window ‘ZADOBE’ as shown below 


- 30 E 
Web Dynpro Builder: Change Window for ZADOBE 


= 


zji] 


[web Dynpro Comp. / Intf. - 
ZADORF 
4 


[es el 


Drag and Drop the "MAIN VIEW' on to the window 


Ea]! 


o Builder: Chan 


A 


Inactve(revised) 


Go to the ‘Main View’ layout tab and select the node ‘ADOBE’ and in the property list Under 
Events click on the create button for the event ‘onsubmit’ as shown below 


TT 
ROOTUIELEMENTCONTAINER. 


Give the name of the action as 'CLICK' and press enter. 


Change View for ZADOBE 


Go to the Actions tab of the ‘MAIN VIEW’ you can see the Action ‘Click’, double click on the 
action ‘CLICK’. 


Change View for ZADOBE 
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You can see the Method ONACTIONCLICK. Here you can code your business logic, you can 
call a BAPI or a function module based on the requirement. We are going to code for 
inserting the values into the table zdept, the values will come from our adobe form. 


mall. fex 
P23) | | "n 


eja 


KHADE | (c9 QR [P] [ Pattem ]|PretPnnter][ srono Layout 


AT VIE 


| Inactive 


[Web Dynpro Comp. | Intf - 
[7ANORF $ 


1| E method ONACIIONCLICK . 
H |i 


3 endmethod. 


Copy the below code and paste it in the method. 
method ONACTIONCLICK . 
data: 
Node Adobe type ref to If Wd Context Node, 
Node Zdept type ref to If Wd Context Node, 
Elem Zdept type ref to If Wd Context Element, 
Stru Zdept type If Main View--Element Zdept . 
data wa zdept type zdept. 


* navigate from «CONTEXT» to «ADOBE?» via lead selection 
Node Adobe = wd Context--get Child Node( Name = IF MAIN VIEW—-wdctx Adobe ). 


* navigate from «ADOBE? to <ZDEPT> via lead selection 
Node Zdept = Node Adobe--get Child Node( Name = IF MAIN VIEW=>wdctx_Zdept ). 


* get element via lead selection 
Elem Zdept = Node Zdept--get Element( ). 


* get all declared attributes 


Elem_Zdept->get_Static_Attributes( 
importing 
Static_Attributes = Stru_Zdept ). 
wa_zdept-DEPTNO = Stru_Zdept-deptno. 
wa_zdept-DNAME = Stru_Zdept-dname. 
wa_zdept-LOC = Stru_Zdept-loc. 
insert into zdept values wa zdept. 
endmethod. 


Your Screen should look like the one shown below. 


+! | 
Web Dynpro Explorer: Change View for ZADOBE 


= — = Se Pett 
| ur ' Sho i 
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]| view MAIN VIEW Inactive(revised) 


1| Gmethod ONACTIONCLICK . 

2b | dara: 

E Node Adcbe ty 
“> Node Zdept tyl 
5» Elem Zdept tyi 
Li Stru Zdept tyl 
7> 

=> data wa_zdept type zdept. 

3$ 

10> | * navigate from «CONTEXT» to «ADOBE» via 1 
Dl» Node Adobe = wd Context-»ger Child Node( 


Now Save and Activate the Webdynpro. 


Create a Web dynpro application as shown below. Just right click on the node ‘ZADOBE’ and 
from the context window select create>Web Dynpro Application. 


npro Explo omponent 


ITE -———— 


Description 


OOC ÁÀ'— 


Enter the Application name as 'zadobe' as shown below. 


Mic Create Web Dynpro application 


D 


Save the Web dynpro application as local object 


Web Dynpro Explorer: Create Web Dynpro Application 


t1 ja | s8 / aa 


Go to the ‘MAIN VIEW’ Actions tab and keep a session break point in the code, to just see if 
our code is being executed when we submit the data from the adobe form. 


Elem Zdept = Node Zdept->get_Elem 


* get sali declared attributes 
Elem Zdept-»get Static Attributes 
importing 


Static Attributes = Stru Zdep 
E ZADOBE E A 


TET x 


. viBvews — — ERI | | wa zdept-DEPINO = Stru Zdept-deptnc 
| | wa_zdept-DNAME = Stru Zdept-dname. 
wa zdept-LOC = Stru Zdept-1loc. 


insert into zdept values wa zdept. 


Now we will test the application, right click on the node zadobe and select 'test' from the 
context window. 


Start ECATT Recording 
Delete 

Display Object Directory Entry 

Change Package Assignment 

Write Transport Entry 


Logon with your credentials; give your username and password 


Web Dynpro Expiorer: Display Web Dynpro Application 
Web Dynpro Explorer 


P Web heic erem 

"Za ma 
SAP NetWeaver” 
SAP Wob Application Server 


& No switch to HTTPS occurred, so t is not secure to send a password 


[Web Dynpro Comp, / Inf >) 


[ppoE | — « & SSO logon not possible: logon tickets not activated on the server 


Cheese “Logon” to contnue A dialog box appears in which you can enter your user and 
password 


& No Switch to HTTPS occurred, so tia not secure to send a password 


| system ory 

| Cent * ;800 

I 5 Va Popup 

| Possword [ve Popup — 

| Language Engish * 

Change Password 

Coovriont 2002. 2008 SAP AG All Riana Reserved SAP, 


You can see the Adobe form that we have designed, enter the data as shown below and 
press the submit button. (As | said earlier an activex control will be installed on to the client 
machine, you can see the activex control in the internet explore go to the menu: 


Tools Internet options>go to the programs tab Press button Manage add-ons. 


You can see an activex control named 'SAP ACF', if you don't have this control you will not 
see this page: Note you need to have adobe acrobat reader 7.1 installed, | have used 
version 9, the activex control was not working properly so down graded my adobe reader to 


7.1) 


[B "ZADOBE TWEE Dynpro GF RED] WIRES Internet Explorer provided by Yaha ™ 
GO 


File Edit View Favorites Tools Help 


8.50 x 11.00 in 


< — > 
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Press F8 to continue. 


E 


Debugging Edit 


Goto Breakpoints Settings Development 


System Help 


Main Program 1 
Source code of 


* get ail declared attributes 
Elem Zdept-»get Static Attributes( 
importing 
Static Attributes - Stru Zdept ). 


Q wa zdept-DEPTNO = Stru Zdept-deptno. 
wa zdept-DNAME = Stru Zdept-dname. 
wa zdept-LOC = Stru Zdept- Toc. 
insert into zdept values wa zdept. 


endnmethod , 


endclass. 


Field names 
| 


Field contents 


ERA DNAME [ADMIN 
(wa. zdept-LOC | WASHINGTON fe 


You can see the entry in the table ZDEPT being updated. 


Pho he oF 
Data Browser: Table ZDEPT Select Entries 1 
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Table: ZDEPT 


B List width 9250 


Demo scenario on Adobe Forms using ABAP 
WebDynpro - Part 2 


By G.K.Akbar, The Washington Post 
In the earlier example, we have created a WebDynpro application to populate the data into 


the custom table ZDEPT. In this, we would display the data from the ZDEPT using ABAP 
WebDynpro. 


Following are the contents of the table: 


UA s ijj Bt 


Table: 


B List Width 0250 


Go to transaction SFP and create a from interface 'ZDEPTINF' as shown below 


r7 o in 
Tey 
wi ut VW 


Select the Interface type as 'ABAP Dictionary-Based Interface', this time we are not going to 
use the 'XML schema based interface', this is to demonstrate that we can make use of any 
of the existing forms inside the Web Dynpro. 


Save the Interface 


WIE Create Object Directory Ent 


Form Object interface 
Request [pees [workbench request 


Enter the Import parameter ‘ZDEPT’ and type ‘ZDEPTTBL’. Save and activate the interface 


Global Data 
Types 


- [B Code initialization 
E) FORM Routines 
© C Currency/Quantity Fields 


(9 Form 
O Interface 


Enter the Interface Name as ‘ZDEPTINF’ 


Drag and drop the Node ‘ZDEPT’ onto the context 


Go to the Layout tab and Drag & Drop the ‘ZDEPT’ node on to the form layout, Save and 
Activate the form 


Form — mons, adaa "am — 


[Em Mew iset ‘Table Layout Tools Paletes Help 


ZOTE E Em Lb Sd “OR A 
| -|\BIUljszaem 
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You can also create a Report program (Print Program) and call the above mentioned form, 
but we are going to write the print program logic in the Web Dynpro. 


Go to transaction SE80 and create a Web Dynpro component 'Z NON INT FRM'. 


Object Navi 


gator 


5 L 


Rad 
ana 


Press ‘Yes’ to create the object 


[Œ Create Object 


Web Dynpro Comp./Intf. Z_NON_INT_FRM does not exist. 
Create Object? 


Enter the details as show below and press enter 


Object Navigator 


rm 


| Interface 


(€ Web Dynpro Component 
O Web Dynpro Component Interface 


Web Dynpro Comp. ; 


Save and enter a workbench request 


[E Prompt for local Workbench request 


Web Dynpro ComponerZ NON INT FRM 


Regest (BEWGUGUS — [BjWorttench request 


Short Description 


You can see the Component Controller, Interface controller and window being created 


Web Dynpro Comp. / Intt. & 
EN NON. INT. FRM "- 


4 INTERFACECONTROLLER 
p f interface Views 


[71Z NON INT FRM 


Create a view as shown below: 


el! 


Web Dynpro Component (Interface) 


Window 
Create/Change Configuration _| Custom Controller 
Check Service Call 


Go to the layout tab of the ‘MAIN_VIEW’ and create a place holder for the adobe form as 
shown below 


View for Z_NON_INT_FRM 


Create Container Form 
Display UI Element Document. 


Give the name of the node as adobe and type Interactive form 


View for Z NON INT. FR 


PE UM ffl -l-l2--2 


[Œ Create element 


Typ InteractiveForm 


In the properties list set the Height and width and the template source as 'ZDEPFRM' this is 
the actual name of the adobe form which we have created earlier, you can see the interface 
context is automatically mapped to the data source. 


500px 


You can see the mapped data source in the context tab of the ‘MAIN_VIEW’ 


View for Z_NON_INT_FRM 


i Pattern | 
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Go to the Methods table of the 'MAIN VIEW' and double click on the 'WDDOINIT' method, 


TION. Method Ei Method for validation of Us. 
Method Z Cleanup Method of Contro. 


We are going to write the print program’s logic in this method, we are not going to use the 
standard function modules that we use normally in the Report print program such as 


FP JOB OPEN, FP FUNCTION MODULE NAME, FP JOB CLOSE. 


Web Dynpro Explorer: Change View for Z NON INT FRM 


volle» f 


ani {a 


1| Bmethod WDDOINIT . 
|a» | cO 
3i 

4! endmethod. 


Web Dynpro Comp. / Intf. 


.. NON INT. FRM 


Copy and Paste the below given code in the method. 


method WDDOINIT . 


data: 
Node Zdepfrm type ref to If Wd Context Node, 
Elem Zdepfrm type ref to If Wd Context Element, 
Stru Zdepfrm type If Main View--Element Zdepfrm , 
Item ZDEPT like Stru Zdepfrm-ZDEPT, 
i dept type zdepttbl. 


* navigate from «CONTEXT» to <ZDEPFRM> via lead selection 
Node Zdepfrm = wd Context-2get Child Node 


( Name = IF MAIN VIEW=>wdctx_Zdepfrm ). 


* (TODO handle not set lead selection 
if ( Node Zdepfrm is initial ). 
endif. 


* get element via lead selection 
Elem Zdepfrm = Node Zdepfrm--get Element( ). 


* (TODO handle not set lead selection 
if ( Elem Zdepfrm is initial ). 
Elem Zdepfrm = Node Zdepfrm->create_element( ). 
endif. 


select * from zdept into table i dept. 
Item Zdept — i dept. 


* get single attribute 
Elem Zdepfrm-»set Attribute( 
exporting 
Value = Item Zdept 
Name = "ZDEPT^ 
). 


Node Zdepfrm->bind_element( Elem Zdepfrm ). 
endmethod. 


Go to the window 'Z NON INT FRM' and select the window tab as shown below 


5 Z NON INT FRM 


Drag and Drop the 'MAIN VIEW' on to the window 


Web Dynpro Builder: Change Window for Z_NON_INT_FRM 
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Web Dynpro Comp. /Intf. © 
NON_INT_FRM Le lee] 


Save and activate the Web Dynpro 


...Previous 
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Create a Web Dynpro application as show below 


We 


Web Dynpro Component (Interface) 


Enter the name of the application 'Z NON INT FRM' and save the application 


Web Dynpro Comp. /Intf. © 


_NON_INT_FRM uv ls) 


Test the Web Dynpro application 


[e 


Web Dynpro Application Edit Goto Environment System Help 
7 1B Coe S88) at 
Web Dynpro Explorer: Change Web Dynpro Applicatic 
€ ae al 
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Web Dynpro Comp. /Intf. © 
[Z_NON_INT_FRM iw | Se 


Create 


Change 
Display M eee ee 
Create/Change Configuration 


Check 7 
[AKBAR 

Start ECATT Recording d by 

Delete ZAKB 

Display Object Directory Entry EN 

Change Package Assignment http: //dev 


Write Transport Entry 


Logon with you credentials enter the username and password. 


| 1 L 
SAP NetWeaver” 


SAP Web Application Server 
2, No switch to HTTPS occurred, so tt i& not secure to send a password 
Æ S50 logon not possible; logon bckets not activated on the server 


Choose “Logon” to continwe A dialog box appears in which you can enter your user and 
password 


/ No switch to HTTPS occurred, so «is not secure to send a password 


| System 

| Client * 

| 

| Language 


You can see the output in the form below. 
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Printing labels using Adobe Forms 
By Sri lakshmi Lavanya Koduganti, CSC India 


Go to transaction SFP. Create an interface 


Form Builder: Entry Point 


OForm 
@ Interface 


[© Create Interface pJ 4 


Interface ZLAV_SALESORDER 
Description [sales orderdetai| — — — —  — | 


Interface Type ABAP Dictionary-Based Interface tz 


Save it. 
Go to Import parameters, click on create. 


Form Builder: Change Interface ZLAV SALESORDER 


Teco 


Enter the following details 


lame 
SFPDOCPARAMS 


eg |TAB VBAK 


Double click on TYPES. Enter the following code. 


types: begin of ty vbak, 
vbeln type vbak-vbeln, 
audat type vbak-audat, 
vbtyp type vbak-vbtyp, 
auart type vbak-auart, 
end of ty vbak, 
t vbak type table of ty vbak. 


interface. —.  [ZLAV-SALESORDER Active 


| Eltypes: begin of ty vbak, 
z% vbeln type vbak-vbeln, 
- audat type vbak-audat, 


a € | 


ZLAV_SALESORDER 


> f ; lu 3 vbt type vbak-vbtyp, 
Y OForminteface — — . | |^ | C h shy y inim ak aitt, 
E import 6 end of ty vbak, 
E Export 7! t vbak tþpe table of ty_vbak. 
E Exceptions ià " 
> © Global Definitions 
[8] Global Data 
B 
iE) Field Symbols 


> © Initialization 
[a EET" - * sss s - 


Now go to GLOBAL DATA and click on create. 


Enter the following values. 


Now go to INITIALIZATION and enter the following code. 


Bod 


 audat 


= 3 vbtyp 
FS) 4 auart 
5i from vbak 
6: into table gt vbak 
7j for all ENTRIES IN it vbak 
8; where vbeln eq it vbak-vbeln. 


Activate the interface. 


Now go and create a form. 


Form Builder: Entry Point 
b> 


Enter the interface name and press SAVE. 


[E Create Form 


Form ZLAV LABELS 
Description printing labels 


Interface ZLAV salesorder| | Ta 


Drag and drop GT_VBAK into Context . 


o VBELN 5 Sales Document 


i AUDAT & Document Date (Date Received/Sent) 
o VBTYP & SD document category 
o AUART & Sales Document Type 


Go to Layout tab. It appears as follows. 


ES yew puet TR ped Deb paemes Help 
ieee we) 


-BIUx*zm-m 


ZSPh*zlübzcwwvwvwNENGO 


nne Paga Cuna 


mn Cou | | 


"-[ 1 


Drag and drop Content area from Library into the layout. Name it as Cont1 


My Favorites 


i Standard 
iCgButton 


C Content Area 


‘[Gpdate/Time Field BA 
Drop-down List EQjEmail Submit Button : 
Image Field |Æ Image i 

{CHTTP Submit But Line 
List Box S Numeric Field 


- oa. g 


[Content Area N 
Name: | Cont1| [i] 


Flow Direction: | Top to Bottom v 


Go to Master Page tab and reduce the size of the Content Area. 


|= 

fi R e eT 
Design View XML Source 53 NSS Preview PDF x v. 
T| jü 1 4 5 6 7 


a 


Drag and Drop all the fields from GT_VBAK into the Design vew.. 


| Design View “Master Pages SN XML Source WSO Preview PDF & 


Create 3 more Content areas as below and name them as Cont2,Cont3 and Cont4. 


Master Pages (x X XML Source xi | Preview PDF x 
ü 1 2 


T 


Select all the fields from GT VBAK and wrap them in a subform. 


Help 
Hide Palette 


Rename Object 
Delete 


Wrap in SubForm 
Unwrap Subform 


Insert Subform 


Wrap in Subform Set 
Wrap in Choice Subform Set 


Unwrap SubfForm Set 


Insert Subform Set 


Merge 


Insert Script Object 


New Page 


Insert Page Set 


Show Names 
Show Captions 
Show Both 


ajx] 
Hierarchy x z 


ait 


Name them as Subform1 and Subform2. 


P Cont4 
[3 Subfromt 
af? 


L AUART 


S. (Referenced Objects) 
«i 


Go to Binding tab and select the check Box Repeat Subform. 


Library: aix. 


| f Object 3X Border “Q Accessibility “= 
|Subform `| Pagination `| Binding 


Name: | Subfrom1 [e ] 


Default Binding (Open, Save, Submit): 


Normal i=. 


Import/Export Bindings (Execute): 


[Z] Min Count: i | C] Max: img 
[C] Initial Count: m 


Group Trailer; | 


Go to the Pagination Tab. Select After Go to Next Content Area. 


Subform `| Pagination Binding œ 
Place: | Following Previous m.| 


Keep With: [ ]Previous — [ ]Mext 


After: | Continue Filling Parent Ee 


4 
Continue Filling Parent 
Conditional Br 
PEE Go To Next Content Area 
If Dataset Go To Content Area > 
Overflow: Go To Next Page 
vention Le Go To Page > 
Overflow Ty — Go To Next Odd Page 
Go To Next Even Page 


Save and Activate the form.Execute the form for the following Sales orders. 


4969 


4970 


4971 


4972 


4973 


The output appears as below. 


Pagel 


Sales Doc. 
Doc. Date 
DocCa 


SaTy 


sor: 

m 21, 1997 
fe 

Jor 


Migrating SAP Smart forms to Adobe Forms 
By Phani Diwakar, YASH Technologies 
This document gives an idea about migration of a smart form to an interactive form. 


Step1: Go to transaction code SMARTFORMS and select the smart form to be converted 
into print adobe form. 


SAP Smart Forms: Initial Screen 


(€ Form 
O Style 


Otem —— 0| 


Here the form name is ZTEST1. 


Step2: Go to the next screen by clicking display button. 


Ted JSTEXTA | 
Meaning || New Text 4 | 


[KT T8] AR) Eroa [roms [5] [BB] 


B 
PAM Paragap * Paragraph Left-oligned z 


Al Details. 
b o *SCELL1 New Column 1 
b o %CELL2 New Column 2 
L8 Main Area 
.'7 un ITEM Detalls ' 
© ou ®CELL3 New Column 3 


7 o *CELL4 New Column 4 _ 
[Jg TEXTS New Text 5 


7 Footer 


A text element and table are defined in this existing smart form. 


Step3: Output of the smart form ZTEST1 is: 


Customer number is: 486 


Carrid Connid 
AA oo1? 
AA 0064 
AZ 0555 
AZ 0788 
AZ 0789 
AZ 0790 
DL 0106 
DL 1699 
DL 1984 
JL 0407 
SU | | 0408 
LH 0400 
LH 0401 
LH 0402 
LH 2402 
LH 2407 
QE 000s 
OF 0006 
so 0002 
so 0015 
50 0158 
so 09868 
UA 0941 


Step4: Now go to Utilities-[]Migration--[]Interactive Form-[]Export in the initial screen of the 
smart form as shown below. 


Display Log 


® Form n i ———“—=CsSNN Edit Ciri«ShifF7 
O Sie i C m = Switch Runtime Ctrl^Shift-FB 
FN Tua bleibe. _ ia | 


You will get popup. 


Step5: Provide form name and interface name and click enter. 


[E Export Smart Form to Interactive Form 


Source Form (Smart Form) ~ 


2TEST1 


Target Form (Interactive Form) ~ 
Form |2TEST1. form 
Interface ZTEST| interface] — 


Step6: You will get settings window as shown below. 


[Le Settings 


Target Form: Components ~ 


Generate Context 
Generate Layout 


Source Form: Subobjects. 7 


[v] Texts C Conditions 
Cl Append Mode C Data-Driven 
O Create Data Binding to Context [Layout Driven 
@ Display Fields as Placeholders ^^ ^ 1] Á 


[v] Addresses (Including Address Windows) [ ] Alternatives 
Graphics (Including Graphic Windows) © TRUE and FALSE 
Folder Q TRUE Only 

[v] Templates 

[_]Tables and Loops Page Breaks 

C] Output Options C] Program Nodes 

[ ]Header/Footer Events 


Select the necessary check boxes. 


[E Settings 


Target Form: Components ~ 
Generate Interface 
Generate Context 
Generate Layout 


Source Form: Subobjects ~ 


[v] Texts [ Conditions 
[L ]Append Mode C] Data-Driven 
@ Create Data Binding to Context C Layout Driven 
O Display Fields as Placeholders 
[ ]Addresses (Including Address Windows) [ ] Alternatives 
CI Graphics (Including Graphic Windows) Q TRUE and FALSE 


Folder OTRUE Only 
[v] Templates 
[v] Tables and Loops Page Breaks 


Output Options [M] Program Nodes — — 1. 
Header/Footer Events 


EA i 


Select ‘OK’ button. It asks for package and provides the package. Save it. 


Step7: Now go adobe form initial screen. Provide the interface name as mentioned above. 


O Form 
@ Interface 


Step8: Go to properties tab. You get the default interface type is ‘Smart forms- 
Compatible Interface’ as shown. 


Interface 


4 


Activate the interface and come out to initial screen. 


Step9: Now provide the form name mentioned above in the initial screen. 


FARA asa Y Point 


ETE pe 
WIE EE: 


ow | CUSTOMER 
b mnrS SPFLI 
IB T ser 


Delete the unnecessary empty folder from the context menu. 


Now, 


Inactive Revised) 


b enFS8 SPFLI 
UB T srru 
"a 


teretes: 


-& Flight Connection Number 


Step12: Now go to properties tab, 


Form ZTEST1_FORM Inactive (Revised) 


Description New Form 


This form was migrated from a Smart Form. 


Layout Type 
Interface ZTEST1 INTERFACE 


-^ D Cm PANAMAN “a im 


When you try to activate the form, it gives some error message as ‘Unknown Layout 
Type’. 


Change the layout type to Standard Layout as shown. 


Form ZTEST1_FORM ] Inactive (Revised) 


Description [New Form 
This form was migrated from a Smart Form. 


r1 ae) 


Layout Type | ts] 


Interface |ZTEST1 INTERFACE 


Created By SAPDEVO2 Changed By 


Activate the form and execute it 


Step13: The output would be 


Using Multiple Master and Body pages in the SAP 


Adobe Forms 


Customer number is: 486 


Carrid Connid 
AA 0017 
AA 0064 
AZ 0555 
AZ 0788 
AZ 0789 
AZ 0790 
DL 0106 
DL 1699 
DL 1984 
JL 0407 
JL 0408 
LH 0400 
LH 0401 
LH 0402 
LH 2402 


By Phani Diwakar M, YASH Technologies 


In general, the boiler plate objects placed on the master page will reflect in all remaining 
pages. Now consider the scenario where the boiler plate objects placed on the master page 


reflects only on first page but not on the subsequent pages. 


We can achieve the above scenario by creating another master page and body page. This 


document shows the steps to achieve the same. 


Step1: Go to SFP transaction to create adobe form. Provide the interface name and click on 


create button. 


Form Builder: Entry Point 


88 r || IBI i (T BD) 


Otm | [7 7] 


@ Interface ZINTERFORM 


Provide the description. 


Step2: Define the carrid in IMPORT parameters of form interface. 


© C)ZNTERFORM - 
> © Form Interface 


Step3: Now go to TYPES options in the GLABAL DEFINITION to define user define 
declarations. 


types: 

ES begin of types sflight, 

ihe carrid type sflight-carrid, 
connid type sflight-connid, 
fldate type sflight-fldate, 

end of types sflight, 


types t sflight type table of types sflight. 


Step4: Now go to Global Data, 


fj TYPES SFLIGHT a 
=) TYPES_T_SFLIGHT — 


TYPE 


Step5: In Code Initialization, 


connid 
fldate 
from sflight 
into table t sflight 
where carrid eq carrid. 


T select carrid 


Save and activate the interface. Come back to initial screen of adobe form. 


Step6: Provide the form name and give the interface face name and description in the 
appearing subsequent dialog box. 


[= Create Form 
Form ZINTERFORM 


Description 


Interface ZINTERFORM 


Press save button. 


Step7: Drag and drop the IMPORT parameter ‘carrid’ and GLOBAL DATA parameter 
't sflight' to context. 


Form ZINTERFORM Inactive (Revised) 


Airline Code 


Y & Global Data 


D @DFS_SFLIGHT 


& Airline Code 
Ô Flight Connection Number 
& Flight date 


9 CONNID 


D © System Fields 23 FLDATE 


Step8: Now go to Layout tab, 


In master page, drag the content area little bit down from the top to place logo and import 
parameter 'carrid'. Also resize the content area as shown below. 


Step9: Drag and drop the internal table into body page as shown below. 


Body Pages “(master Pages. X SE PDF Preview XN 


| 0 1 2 3 4 5 6 7 8 


tfj 
es 
Mua O — 
Ha reed 


Step10: Now rename the ‘Untitled Sub Form’ to ‘Bodypagel’ and make the sub form 
type asflowed as shown. 


Subform 


FO (untitled Content Area Flaw Direction: | Top to Bottom v | 
(JM StaticImagel 
CARRID Allow Page Breaks within Content 


till 


-A 
| EH T_SFLIGHT 
z d (untitled Table Header’ 


Active the form and when execute at this point of time, you would 
observe logo and carrid on every page of output as shown. 


And also in all remaining 3 pages logo and carrid is printed. 


But our objective of this document is of restricting these TWO, carrid and logo. For 
that, proceed as follows 


Step11: To create new master page, right click on pagel and select New Master Page as 
shown. 


New Master Page 


Insert Page Set 


Hierarchy S Y chow Names 


Show Captions 
Show Both 


(untitled Content Area 


Step12: New master page is created. 


TD (Master Pages) 
=] FQ Pagel | 
n ear "m Content area without canid and logo 
j ...but content area size is same for both 
7 CARRID master pages, 
& F.J Page2 
FD (untitled Content Area 
LÀ Bedypagei 
=) B8 T_SFLIGHT 
S EE (untitled Table Header’ 
Cello 
Cellt 
(TH celz 


c mu nate 


Step13: Now create new body page. Right click on ‘Bodypagel’ and select New Body 
Page. 


| v Show Names 
a FA Show Captions 


| Show Both 


ie) T_SFLIGHT 
=). fuintitled Tahle Header 


Ill 


Rename it to Bodypage2. 


Step14: Drag and drop the internal table into Bodypage2. 


Step15: Now place the cursor at ‘Bodypagel’ and go to object palette. 


Go to pagination tab. 


(TR untitled Content area ws exten Pagination “Spidi 
-A StaticImage1 Place: [Following Previous — |» 
AY CARRID 


B FLA Page2 Keep With: [ ]Previous [C] Next 
: P<? (untitled Content Area 
a() 


c.m Tr Cel HT 


j After: | Continue Filling Parent | > 


Now select Pagel in place of ‘Following Pervious’ as shown below. 


1 <? (untitled Content Area ^ 
i P. StaticImage1 J 
e CARRID 

E F3 Page2 


Following Previous 


M After: | Cor In Content Area > 
.. . ^7 Top of Next Content Area 


Top of Content Area 


Cello 


On Page 


Cellt Top of Mext Page 
= (T8 celz Top of Page 
=) ES DATA 
CARRID 


i. CORIAITN 


And also, select the Page2 instead of None in the Overflow column. 


&-[!] Bodypaget 
=) fj T SFLIGHT 
5- (untitled Table Header’ 


Conditional Breaks: 0 


If Dataset Must Be Paginated: 


[E celo 
-E celi Overflow: | None | > 
{TS celz breed fd 
" r3 Fe mata a Overflow leade None bes 
| GoToContent Area ^. 


Overflow Traile 
Go To Page 


Step16: Now, select Bodypage2. Go to pagination tab in the object palette. Select 'Page2' 
in place of ‘Following Pervious’ as shown below 


pyme ji eynen cama o s 


Place: | Top of Next Page 


[Hierarchy =A pata view \ OA 


G-Ex DATA ^ Keep Wi Following Previous ie: 
LJA CARRID p 
i e 3 farter: | Cor In Content Area > 15 
"D CONNID E Top of Next Content Area 
i 3 e FLDATE Conditional Top of Content Area > 
=] 
Big Trua 41 BECHEENENENES 
=- Egi (untitled Table Header’ | Top of Next Page | Page2 
: Cello ig 3 Overflow: — Top of Page PE. €— 
HS calli 3 | = 


Step17: Change the sub form type for Bodypage2 as Flowed. 


Step17: Activate it and execute the form. The output would be 


' 


CONNID FLOATE 


0017 [Nov 1,208 S 
0017 [Nov 29,208 i (i‘™S™S 
0017 [Dec 27,206 — 
0017 [an24207 
0017 [Fb21207 — t~*«*” 
0017 [Mar21207 20” 


li 4 FH OO! VIT 


MI 


"Tm hwan 
oie tt [mma ——  — — — 
"IE M: 
frogs, 207 SS 


E 


I 


0017 [Sep 5, 2007 
0017 foct 3, 2007 
0017 31, 2007 
iia 4 bHoOoo! al 


Now from the second page onwards, we don't get the logo and carrid. We get these only on 
first page. 


Sending an SAP Adobe form as an attachment in an 
email 


By Phani Diwakar, YASH Technologies 


Consider the offline scenario where the candidate gets the appointment letter along with 
personnel information form as an attachment to his/her email after he/she has been 
completed final round of interview. He/She fills the form and sends it back. The data from 
the PDF is then retrieved and updated in SAP by HR. For this we don’t require Web Dynpro 
Development. 


In this document we discuss how to send PDF file as an E-mail attachment to respective 
candidate. 


Step1: Go to transaction SFP to create form interface. Provide the interface name 
‘ZPERSONNEL INT’. 


Form Builder: Entry Point 


O Form 
@ Interface ZPERSONNEL_INT = = = [5 


&o Display P d Change 


Click on create button and provide the description. 


Œ Create Interface 


Interface [2PERSONNEL. INT ] 


Interface for personnel form| č — žăã O =ãă >ġă oO 


Description 


Interface Type [ABAP Dictionary-Based Interface 


Click on Save. Provide the package name in the following screen and press enter. 


Step2: Define the IMPORT parameter as shown. 


> C Form intertace 


Export 
[M Exceptions 


Now save and active the interface. 


Come back to initial screen of form. 


Step3: Now create form. Provide the form name ‘ZPERSONNEL’. 


Click on create button and provide the description and interface name. 


|= create Form 


Form | ZPERSONNEL ] 
Description Form for Personnel information| 


Interface |ZPERSONNEL INT 


Click on save and provide the package. 


Step4: Drag the IMPORT parameter 'EMP INFO' from interface to context tab. 


ZPERSONNEL_INT i 


nmn 


ICD ni |__| IMMINET. TRI 
b a 
b © System Fields 2 FNAME & First Name 
9 LNAME & Last Name 
2 DOB & Date of Birth 
a TEXP Ê Character Field with Length 5 
o CEMPLOYER & 30 Characters 
9 CSALARY &) Current Salary 
2 ESALARY Ê Expected Salary 
2 WAERS & Currency Key 


Step5: Now go to layout tab. 


Drag the drop the each field from data view to layout editor as shown. 


* <4 rr 


E 1) (untitled Subform) (page 1) 
UE StaxcTexti 


Save and activate it. 


We can provide the tool tip text using Accessibility tab as shown. 


| | Accessibilit 


Subform Role: | 


Total Experience ^ 


Screen Reader Precedence: | Custom Text v 


Step6: Now create an ABAP program which will create a form and email to selected 
candidate so that it can be filled offline. (Click here for the program used for this demo 
purpose) 


The program will have the following steps 


A. Obtain the name of the generated function module of the form using 
‘FP_FUNCTION_MODULE NAME ' by pass the form name to it. 


B. Setthe output parameter and open the spool job. Fill the value 'X' 
to NODIALOG andGETPDF parameter of the structure SFPOUTPUTPARAMS. Pass 
this structure to function module 'FP JOB OPEN' 


C. Call the generated function module. Pass the value 'X' to parameter FILLABLE of 
the structure SFPDOCPARAMS (Form parameters for Form Processing) which is 
standard parameter. By default this FILLABLE parameter is assigned with space. When 
'X' is passing to this parameter then form acts as interactive form, otherwise it is print 
form. 


D. Now the PDF file generated is available in the parameter PDF of 
structure/1IBCDWB/FORMOUTPUT. Convert the generated PDF file data to binary 
format using the function module 'SCMS XSTRING TO BINARY'. 


E. Sendthis form to mail as a PDF attachment using Business Communication Service 
(BCS). 


Step7: Now execute the ABAP program. 


[= Information 


selected candidate 


Ee) 


Click on ‘OK’ button. 


Now check the email. 


Personnel Information Form 


basis [sap_basis@yash.com] 
To: phani.marepalli@yash.com 


Attachments: ^ 'ersonnel Information Form.PDF (37 KB) 


Dear, 
Please fill the attached form and send it back to us. 


Thank You, 


Sending Adobe forms as PDF attachment using Email 
Submit Button 


By Siddharth Samal, Capgemini Canada 


Pre-requisite: 


It is assumed that the reader of this article has basic knowledge in WebDynpro and adobe 
forms. 


Requirement: 


The Requirement is to send the adobe forms as a "PDF" attachment using the standard 
button "Email Submit Button". The standard property of the button is to send the 
attachment as "XML". 


Procedure: 


We have to alert the xml coding of the ADS to achieve this requirement. 


1. Create a WebDynpro Component in SE80 


[c Web Dynpro: Component! Create Interface 


Name 


Description ‘Demo for Sending Email 
Type @ Web Dynpro Component 


Web Dynpro Component Interface 


Window Name MAIN 
View Name V ZSENDEMAIL DEMO 


2. Go to the Context Tab of the View V SENDEMAIL DEMO 


V_ZSENDENAIL_DEMO 2118 


y Inbound Plugs - 


Context V ZSENDEMAIL DEMO _ 32 SEND! 
4.2 


| Create Using the Wizard » E 
Change fl : 
Display 


iar Lun. 


3. Create a NODE with LFA1 as DDIC Reference 


Nude Nam | 
Interface Node No v 
JRBUEEISITERE Ese A vj 


Dictionary structure 


Cardinality [T.a ~ 
Selection 00.1 -| 
Init. Lead Selection (XYes — v] 
Singleton | No nd 


Supply Function A 


P Add d Attrib ute from ‘am Structu re 


4. Select the Attributes for the Node LFA1 


iponents of Structure LFA 


alra ja 


a= Component Ke T Data Type 
| CLNT 


5. Create an Attribute as PDFSOURCE 


Attribute Name PDF SOURCE ! 


Type assignment 0 Type a 


Type JJ Lj 
Read-only No 


Defautvaue SAP Technical COM] 


inputHeipMpde —— E atamang «| 
Determined Input Help 3 
Type of Input Help NE |] 


6. The Context of the View would look as below. 


L DEMO 


IZ ANTERACTIVE.FORM —— 
 additionatArchives 

| dataSource 

| displayType native 


8. The Property of the Interactive FORM would be as shown below. 


ID 


additionalArchives 


re qo 


templateSource 


768px 
dfSource 'V ZSENDEMAIL DEMO.PDF SOURCE | @& 


9. Create a Template source as below 


IELEMENTCONTAINER 


Specified Form Object Does Not Exist 
To Create the Object, You Must First Specify à 
Form Interface 


Interface Name 


V. ZSENDEMAIL DEMOLFA1 [ 
 displayType native = 
enabled | | 
height 768px 


C 


10. Design the Form as required. 


Form (ZEMATLSEND Actve Rented) 


11. Drag and Drop the Button “Email Submit Button” from Object Library 


|[j Design View |) Master Pages X x XMLSoure X Preview POF 


d essem EET 
i : | eee SAP Technical. CR 
El | ie Sa 


12. Give the Email Address & Subject as required 


—— COETITEMEENNS 
Hohighting: [inverted SSC 
Rollover Caption: <<< 
Down Caption: [R—————3áÀ 


If the subject is left blank, a default 


13. Right Click on the Toll bar of the Form Designer as shown below and select XML Source 


| [5 Design View | ; Master Pages w S Preview POF X —— ciem nal 


: 
& 
a 
: 
' 


1 pewence: [Raed oder z] | 
E M LITT 0 


Dallas (7 zebi^nr I 


14. CLT + F on the XML Source Code and search for Format 


[j Design View | ; Master Pages — $$ XML Source xu Preview PDF 


<?xml version-"1.0" encoding-"UTF-8"?» 

c?xfa üenerdtnr s" Mnel vec re leben tene ck VEG OE BEES 

¢xdp:xdp xmlns:xdpz2"http://ns.adobe.com/xdp/" timeStamp-"2 

ctemplate xmlns:xliff-2"urn:oasis:names:tc:xliff:document:1 
«tags xmlns-"http://www.xfa.org/schema/xfa-xliff/1.0/"/ 
<?formServer defaultPDFRenderFormat acrobaté. istatic?- 


[^ Match Whole Word Only 
[ Match Case 
< 


Direction 
Cw © pow | 


w="158 


Change XML to PDF in double quotes as shown below. 


[D Design View || Design View ^ Master Pages E | XML Source aa Preview PDF 
<value> | 
<text>Submit by Email</text> 
</value> 
«para halign="center" vilign-2"middle"/» 
«font typeface-"irial"/» 
</caption> 
«border hand="right'"> 
yrseliiberdsrer giy ib nine > 
«edge stroke-"raised"/» 
«fill» 
«color value-"212,208,200"/» 
«/fill» 
</border> 
«bind match="none 
<event name-"event lick" activity="click"> 
«submit format=pdt|"~textEncoding="UTF-8" t 
</event> 


16. Create a Web Dynpro Application 


SENDEMAIL DEMO 


> ) LFA1 
> > C [9 (Master Pages) 
Object Name Descri * dd p Content Area) 
xe iiie 1 Web Dynpro Component (Interface) i 
> dà Compon Change seas 
- Views Display » Window 
> VZS createiChange Configuration Custom Controller 
v T windows 
EI MAIN Check > Serice Call 
EEENEÉ — Activate Mime Object 
Copy... 
Rename 


17. Give a Description for the application 


Application 
Description 


18. Test the Application 


LEIS oomity ww 
A 
Web Dynpro Comp. / Intf. ¥ zj 


EET Create 
4 | 

Change 
€ 


Display > 
Object Name 


Create/Change Configuration 
- dé cc — Check 


v [Eie ^ Delete 


- mw Display Object Directory Entry 
Change Package Assignment 
v Wo We Write Transport Entry 


19. The Adobe would be as below and click on the Button. 


s Ma joom -Gia olai - 


This is a Test for the Send Email Submit Button to 
send the adobe as a PDF attachment 


20. A pop up would be generated as below 


Select Email Client 7 xj 


| Please indicate the option which best describes how you send mail. 


| | © Desktop Email Application 


Choose this option if you currently use an email application such as 
Microsoft Outlook Express, Microsoft Outlook, Eudora, or Mail. 


C Internet Email 
Choose this option if you currently use an Internet email service such as 
Yahoo or Microsoft Hotmail. You will then need to save your Form and 


return it manually to siddharth.samal@gmail.com using your Internet 
email service. 


[ Don't show again 


21. The Mail would be configured and the attachment would be in PDF not XML 


Demo for Sending Attachment as PDF 


The attached file is the filled-out form. Please open it to review the data. 


Uploading a PDF file in an Adobe Form offline scenario 
By Phani Diwakar, YASH Technologies 


This document provides the idea of how to upload the PDF file data into SAP. This document 
is extension to document ‘how to send the PDF file as an attachment in interactive offline 
scenario’. Once the selected candidate fills the personnel information form and sends it back 
to HR, they update the data in SAP. 


To extract the data from the PDF file we should do the following steps. 
1. Upload the PDF file using Function Module 'GUI UPLOAD' 
2. instantiate the PDF object and assign the PDF file to this PDF object 


e Get the reference to form processing (FP) class using the interface IF FP. 

e Get the reference of PDF object class using interface IF FP PDF OBJECT. 

e Create the PDF object using the method 'CREATE PDF OBJECT' defined in 
the interface IF FP 

e Set our PDF in the created PDF object using method SET DOCUMENT of 
the interface 'IF FP PDF OBJECT'. 

e Extract the data from PDF object using the method ‘SET EXTRACTDATA’ of the 
interface IF FP PDF OBJECT. 

e Call the Adobe Document Service (ADS) using the method EXECUTE defined in the 
interface 'IF FP PDF OBJECT'. 


3. Extract the data from PDF Object by method called GET DATA defined in the interface' 
IF FP PDF OBJECT'. 


4. The extracted data is in XML format. We have to convert XML data to ABAP internal 
table using the Function Module 'SMUM XML PARSE'. 


Write the following code: 


REPORT  zpersonnel 02. 
SELECTION-SCREEN BEGIN OF BLOCK bl. 
PARAMETERS : 

p file LIKE rlgrap-filename " File path 

OBLIGATORY. 

SELECTION-SCREEN END OF BLOCK bl. 
DATA: 

w filename TYPE string, " File name 

w length TYPE i, 

lt file table TYPE filetable, 

lv filelength TYPE i, 

lv rc TYPE i, 

lv filename TYPE string, 

w pdf data TYPE xstring, 

lt rawtab TYPE TABLE OF char255, 

w pdf file TYPE string, 


* Create PDF Object using destination 'ADS' («-- this is how it is 
* defined in SM59) 
lo pdfobj TYPE REF TO if fp pdf object VALUE IS INITIAL, 
xslt message TYPE string, 
exc TYPE REF TO cx root, 
fs per info TYPE ZWD PER INFO. 
AT SELECTION-SCREEN ON VALUE-REQUEST FOR p file. 
PERFORM f4 help for file. 
START -OF - SELECTION. 
PERFORM get pdf data. 
PERFORM get pdf instantiate. 
PERFORM extract data. 


FORM f4 help for file . 
CALL METHOD cl gui frontend services=>file open dialog 
CHANGING 
file table = lt file table 
rc - lv rc 
* USER ACTION - 
* FILE ENCODING - 
EXCEPTIONS 
file open dialog failed - 1 
cntl error = 2 
error no gui - 3 
not supported by gui = 4 
OTHERS - 5. 
IF sy-subrc <> 0. 
* MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO 
* WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4. 


ENDIF. 
* READ TABLE lt file table 
j INTO lv_filename 
* INDEX 1. 
READ TABLE lt_file_table 
INTO p file 
INDEX 1. 


IF sy-subrc EQ 0. 
lv_filename = p file. 


ENDIF. 
cl gui frontend services=>gui upload ( 

EXPORTING 

filename = lv filename 

filetype = 'BIN' "Binary 
IMPORTING 

filelength = lv filelength 
CHANGING 

data tab = lt rawtab 
EXCEPTIONS 

file open error = 1 

file read error = 2 


no batch = 3 
gui refuse filetransfer = 4 
invalid type = 5 


no_authority = 6 
unknown_error = 7 

bad data format = 8 
header not allowed = 9 
separator not allowed - 10 
header too long - 11 


unknown dp error - 12 
access denied - 13 
dp out of memory - 14 


disk full - 15 

dp timeout - 16 

not supported by gui - 17 
error no gui - 18 

OTHERS = 19 ). 


ENDFORM. " F4 HELP FOR FILE 

Be MEN M RC Pc MV RECETTE eat Sneath 
*& Form GET PDF INSTANTIATE 

«icto S Luci oR Oe d KA mue debe a a lm cited eu EAM eh en Ba 


form GET PDF INSTANTIATE . 
* Get FP reference 
DATA: lo fp TYPE REF TO if fp VALUE IS INITIAL. 
lo fp = cl_fp=>get_reference( ). 
* For handling exceptions 
DATA: lo fpex TYPE REF TO cx fp runtime VALUE IS INITIAL. 
TRY. 

lo pdfobj = lo fp->create pdf object( connection = 'ADS' ). 
* Set document 

lo pdfobj-»set document ( 

EXPORTING 
pdfdata = w pdf data ). 

* Tell PDF object to extract data 

lo pdfobj-»set extractdata( ). 
* Execute the call to ADS 

lo pdfobj-»execute( ). 
CATCH cx fp runtime system INTO exc. 

xslt message - exc-»get text( ). 
ENDTRY. 
endform. " GET PDF INSTANTIATE 


form EXTRACT DATA . 
DATA: xml data TYPE xstring, 
t return type standard table of bapiret2, 
t per info type standard table of smum xmltb, 
lfs per info type smum xmltb. 
lo pdfobj-»get data( 
IMPORTING 
formdata = xml data ). 
CALL FUNCTION 'SMUM XML PARSE' 
EXPORTING 
xml input 
tables 
xml table - t per info 


xml data 


return = t_return 


LOOP AT t per info INTO lfs per info. 
CASE lfs per info-cname. 


WHEN 'FNAME'. 
fs per info-FNAME - lfs per info-cvalue. 
WHEN 'LNAME'. 
fs per info-lname - lfs per info-cvalue. 
WHEN 'DOB'. 
REPLACE ALL OCCURRENCES OF '-' IN lfs per info-cvalue WITH space. 


CONDENSE lfs per info-cvalue. 
fs per info-DOB - lfs per info-cvalue. 
WHEN 'TEXP'. 
fs per info-TEXP - lfs per info-cvalue. 
WHEN 'CEMPLOYER'. 
fs per info-CEMPLOYER - lfs per info-cvalue. 
WHEN 'CSALARY'. 
fs per info-CSALARY - lfs per info-cvalue. 
WHEN 'ESALARY'. 
fs per info-ESALARY 
WHEN OTHERS. 
ENDCASE. 
ENDLOOP. 
fs per info-WAERS = 'INR'. 
INSERT INTO ZWD PER INFO VALUES fs per info. 


lfs per info-cvalue. 


endform. " EXTRACT DATA 

MR MEME AME E Pc RP * 
*& Form GET PDF DATA 

jp Gre eos A oe ee Re ee ee be ee hs A ee ee ee * 


form GET PDF DATA . 
CALL FUNCTION 'SCMS BINARY TO XSTRING' 
EXPORTING 


input length lv filelength 


* FIRST LINE = 0 
* LAST LINE = 0 
IMPORTING 
BUFFER = w pdf data 
tables 
binary tab - lt rawtab 
* EXCEPTIONS 
* — FAILED =1 
* — OTHERS =2 


IF sy-subrc <> 0. 
* MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO 


© WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4. 
ENDIF. 
endform. " GET PDF DATA 


Now execute the program. 


Upload Personnel information into SAP 
© 


BRE 7 0 


Upload the PDF file. 


Upload Personnel information into SAP 
© 


Press execute button. 


Now the data will be stored in database table. 


LNAME 


DOB 
TEXP M I N 2 - 
CEMPLOYER (YASH TECHNOLOGIES 


ESALARY 800 , 000. 00 


WAERS [INR | 


Note: Create table with above structure. 


Offline scenario to download an Adobe Form using 
Web Dynpro for ABAP 


By Phani Diwakar MV, YASH Technologies 


This is the offline interactive scenario where in user downloads the file from the browser and 
save it on desk top. After the filling the form by user then that form will be uploaded into 


SAP. Now here we will see how to download the file from the browser. To upload the filled-in 
PDF file, click here. 


Step1: Go to SE80 and create Web Dynpro component 'ZDOWNLOAD FORM’ as shown. 


Press enter. Then following screen will appear. 


[E Create Object 


Web Dynpro Comp ./Intf. ZDOWNLOAD_FORM does not exist. 
Create Ohject? 


Ple h 


MAG o 


Press ‘Yes’ and provide the description. 


[E Web Dynpro: Component? Create Interface 


Name ZDOWNLOAD_FORM 


Description . | 
Type @ Web Dynpro Component 
O Web Dynpro Component Interface 


Window Name ZDOWNLOAD_FORM 
ViewName [MAIN — —  — | 


Downloading torm from browser 


? AL FAAA Aa AMAA Pascoala a aliia a: dla a aina 


Step2: Now go to context tab in Main view. 


Create attribute ‘PDF SOURCE’ of type XSTRING as shown below. 


Atribute Name 


Type assignment Type Bü 


Type 
Read-only 
Default Value 


Input Help Mode Automatic hd 


Determined Input Help 


Type of Input Help 


Step3: Select Insert element from ROOTUIELEMENTCONTAINER. 


| C] CONTEXT. MENUS 


Create Container Form 


Display UI Element Document. 


Delete Child Elements from Root 


^^^ 


jon 10a 


Typ FileDownload e 


Click on Enter. 


Step4: Now in the FileDownload properties window, 
Map the DATA property as shown below. 
Click on create binding tab against DATA property. 


E Define Context Bindi "a RUU I UIELEMENIUUN LAINE NC 
ne Co nding | © FILE. DOWN. LOAD 


S" APIe-hni- 


D PDF, SOURCE 


Create Binding 


Select PDF SOURCE from the CONTEXT. 


Step5: Provide the filename which is either already exists in the MIME repository or place 
the file in the MIME repository which you want to be down loaded. 


Placing the file in the MIME repository: 


Select the MIME repository tab in the transaction SE80. 


Business Sen 
Form Process 


P O fp 
S Cj WebDynpro 


SAP Namesp: 


b (J CCMSBI WAST EXTR, TESTEN Tests CCMS E 
b DEMO BG GANTT DEMO BG G 
b (C DEMO WDA QUIZ DEMO WDA . 


b DPR_GANTT 


In SAP folder, select the folder WDR TEST ADOBE and place the file as shown below. 


b WDR NETWORK TEST 
b WDR OVS 


WDR OVS 


Properties 


f. [ 
] ‘ ; 
p WDR. 1 Object Directory Entry [ 
Other Functions [>] 


The following screen will appears. Select the file from desk top that you want to be down 
loaded from browser. 


Open 


Look in: | [£) Desktop B re] Ga ES Fel 


wt) New Microsoft Word Document-1 
: Offline_material 
PersonnelinformationForm 


A PersonnelInformationForm1 


File name: PersonnellnformationF orm B 


"T 


My Network PI. 


Files of type: All Files (*.") B 


Click on Open button. 


The following screen will appear. 


| Create New Document EJ 4 


| Application-Specific MIME Object 


PersonnelinformationF orm. pdf 


Provide the description and save it. 


Offline scenario to upload a filled-in adobe form using 
Web Dynpro for ABAP 


By Phani Diwakar MV, YASH Technologies 
The requirement is to upload the filled PDF data file into SAP from browser. FILE UPLOAD 
element is used in Web Dynro to upload the file. This document is extension to 'how to down 


the file from the browser'. 


Step1: Go to SE80 and create Web Dynpro component 'ZUPLOAD FORM' as shown. 


Web Dynpro Comp. /Intf. Œ 
[ZUPLOAD_FORM 


Press enter. Then following screen will appear. 


[E Create Object 


Web Dynpro Comp.iintf. ZUPLOAD_FORM does not exist. 
Create Object? 


O 


Press ‘Yes’ and provide the description. 


[E Web Dynpro: Component? Create Interface [x] 
Name ZUPLOAD FORM 


Description Upload the form data | nto SAP} 
Type @ Web Dynpro Component 
~A OWeb Dynpro Component Interface 


Window Name  |ZUPLOAD FORM 


mmi. 


Step2: Now go to context tab in Main view. 


Create attribute 'PDF SOURCE' of type XSTRING as shown below. 


[E Create Attribute 


Attribute Name 
Type assignment Type e 


SOI PRS 


Read-only 
Default Value 


Input Help Mode Automatic E] 
Determined Input Help 
Type of Input Help 


Step3: Select Insert element from ROOTUIELEMENTCONTAINER. 


[-] CONTEXT. MENUS 


Create Container Form 
Display UI Element Document. 


Delete Child Elements from Root 


Click on Enter. 


And also create button. The properties of the buttons are as shown below. 


* []ROOTUIELEMENTCONTAINER 
©} FILE. UP. LOAD 


‘standard 


explanation 
imageFirst ~ 


eu 


|imageSource - 


Upload 
inherit 


Visible 


— 


ae 

ayout Data (FlowData 

cellDesign padless e 
vGutter - none e 


Step4: Now select the binding tab against DATA property of the FileUpload element. Bind 
this DATA property with PDF SOURCE attribute defined in context. 


The property tab of the FileUpload is as shown below. 


Cas 
su BUTTON 


Properties (FileUpload) 


ID FILE UP. LOAD. 
data 'MAIN.PDF. SOURCE 
enabled 


explanation 
fileName 
imimeType 
textDirection 
tooltip — 

visible Visible n 
width | 
Layout Data (FlowData) 
cellDesign ^ (padiess Ey 
vGutter none gl 


‘inherit 


Step5: Go to Method tab, 


Click on the method 'ONACTIONUPLOAD' from the METHOD tab or double click on Action 
property 'UPLOAD' defined in the button property which takes you to the method 
‘ONACTIONUPLOAD’. Enter the code provided here. 


Step6: Create the Web Dynpro application and execute it. 


Z Uploading the form - Microsoft Internet Explorer 
File Edit View Favorites Tools Help 


© sack - § P. |x] E A s ) Search 5) Favorites E e I^ jw] Y 


Address €) http: //gcsapesxcrm?.gcs, lan:8000/sap/bc/webdynpro/sap{zupload_Form?sap-language=EN 


Google | EXE search 7 r a: T? Bookn 


File Name! || Browse... 


Browse the file and click on upload button. 


If you check the data base, the PDF data is uploaded into database table. 


FNAME Kishore 


LNAME Reddy 


DOB 23.09.1989 


TEXP 
CEMPLOYER |Yash Technologies — — —— 
CSALARY 300 , 000.00 

ESALARY 

WAERS INR | 


The screen shot of the Web Dynpro component is 


Web Dynpro Comp. (ef. 2 


Using Web Services in Adobe Forms 


By ArunKumar.C & Gurunath.P, Kaavian Systems 


Scenario: Fetching the Material Description for a Material in Adobe Form using Web 
Service. 


Consider a Scenario User enters a Material Number in a Adobe Form and the Material 
Description has to be fetched from the Material master table , for this we use web service to 
fetch the description. 


l. Create a Web Service: 


Step 1: we need to create a Remote enable function module 


Step 2 : Define one Import parameter material number(MATNR) and Two Export parameter 
material Description (MAKTX) and BAPIRETURN (Mandatory) 


paii ar > mn [ml 
em | a: l c 


Step 3: Write the code for to fetch the material description in source code. 


a ION 2415 WEBSERVICE. 


*"^"TLocal] Interface: 
*" IMPORTING 


OO - oO (à utri 
* 


" VALUE (MATNRy yda |MATWR}) n3 

+n EXPORTING Lo ira à 

an VALUE (MAXTX) TYPE MAKTX 

eu VALUE(T RETURN) TYPE  BAPIRETURN 

n haue PPT———————————————————————————————————————|— 
10 
11 select single maktx from makt into maktx where matnr = matnr and spras = 'E', 
12 


13 ENDFUNCTION. 


Then activate and check the function module 


Step 4: Goto the Utilities-2 More utilities-2 Create web service->From the function module 


Display Object List 


Update Navigation Index 
mz Hebon.. 
Breakpoint 
1 FUNCTION z4) External Breakpoints 
2} B e—————-7- Block/Buffer 
3| x"*"Local I. 
4 | *" rMPORT 
& |+ vary;  Where-Used List 
5: *" EXPORT. Versions 
7 | en VALUE TREE "er 
8& |^" VALUE(T RETURN) TYPE  BAPIRETURN : 
^ M CP SNESDI SS Rao Uu ber M RC HAE E ees UpeadiDowload >f — — 
10: Force Line Length 
11; select single maktx from makt into maktx ther 
12! 


Step 5: A Web Service Wizard will be displayed 
Give the Service name and Description 


Press continue 


^ Object Type 


Service Definition  amaterial_description CB 


Press continue 


^ Choose Endpoint 


Press continue 


Previous 


^ Configure Service 


PRF DT. IF SEC LOW 


Check local object or package name 


Press continue 


Press complete 


Step 6: Now go to Transaction SOAMANAGER 


The browser will start 


Go to Tab Business Administration ->Web Service Administration 


| SOA Management || Add Tab | 


(Web Service Administration 
Manage individual Web services or proxies. 

Mass Configuration 

Configure multiple objects (services, consumer groups, and proxies). 


Publication Restrictions 
Services Publication Restrictions 


Account Management 
Manage accounts and their assignment to provider systems and interfaces 


Activation Requests Management 
Manage all requests for the activation/deactivation of profiles, destinations, and configuration requests. 


To find your web service, type your Service name in the Search Pattern and then select your 
service then click 


Search De: 


Search by: |. BH Search Pattern: 2mat* Field: Internal Name |» in Syste 


Show Advanced Search 


Step 7: Click Open WSDL Document for selected binding 


de Add Tab 


Services: 1 / Endpoints: 1 
Porttype Namespace: urn:sap-com:document:sap:soap:functions:! 
Porttype Name: zmaterial description 

Internal Name: ZMATERIAL DESCRIPTION 

SOAP Applikation: URN:SAP-COM:SOAP:RUNTIME:APPLICZ 
Package Name: $TMP 


ZMATERIAL DESCRIPTION::zmaterial de 


A Window opens with XML code 


Copy the URL, This URL is the generated WSDL Link. 


sie] (0 ETM OTT HN TNE COCHE Np CABE OE SAR AEN UEM | 


<?xml vers c^="1.2 encodings ‘tt 9" ^» 
- «wed :zerin tions tarzs:Namespace-"urn:sop com:documcnt:sap:soap:tunctions:mc style 


Step 1 : Then go to the transaction SFP and create a empty interface then create a form 
Go to the layout tab 


Edit ->New data connections 


Enter a New Data Connection Name 


Select WSDL File and click next 


Paste your URL and press next 


New Data Connection 


Enter an HTTP address or click the browse button to select a file. 


A Web Service Description Language (WSDL) file describes the operations provided 
5y anen arios Ask your system administrator for assistance if this file has not 


Step 2: Select your web service and press finish 
The web service is added to the form. 


Step 3: In layout to create a new button and change its control type to Execute 


L2 hoctetoneecn 
- Pent Ent enrerten Ls 


f News Jats (.onvecazn. 
im ooo 


Cain 


Step 4: Drag and drop the MATNR and MAKTX fields to the Form. 


Body Pages 


Hierarchy xw, 


3 |j data 

= F) (Master Pages) 

= FU Pagel des | 
Rp (untitled Content Area) 
= [3 (untitled Subform) (page 1) 
C Buttoni m SS 

3 Matnr 

; Maktx  DEFIDERESIGA 
F, (Referenced Objects) 


Maktx 


Activate the form 


Step 5: Create a print program for the form. 
In the '####' place, enter your form name 


data: ie outputparams type sfpoutputparams. 
data: i name type fpname, 

i funcname type funcname. 
data: fp docparams type sfpdocparams. 
data: fp formoutput type fpformoutput. 
data: data tab type SOLIX TAB. 
ie outputparams-getpdf = 'X'. 


ie outputparams-nodialog = 'X'. " suppress printer dialog popup 
call function 'FP JOB OPEN' 

changing 

ie outputparams - ie outputparams. 

try. 

i name = 'IHHHHHHHHHHHHHHHHHHHHHE . "Your Form Name 
call function 'FP FUNCTION MODULE NAME !' 

exporting 

i name - i name 

importing 


e funcname - i funcname. 
catch cx fp api repository. 
catch cx fp api usage. 
catch cx fp api internal. 
endtry. 
fp docparams-langu = 'E'. 
fp docparams-country - 'US'. 
fp docparams-FILLABLE - 'X'. 
call function i funcname 
exporting 

/lbcdwb/docparams = fp docparams 


importing 

/lbcdwb/formoutput = fp formoutput 
exceptions 

usage error = 1 

system error = 2 

internal error = 3. 

call function 'FP JOB CLOSE’ 
exceptions 
usage error = 1 
system error - 
internal error 
others - 4. 
data: filename type string, 

path type string, 

fullpath type string, 

default extension type string value 'PDF'. 
cl gui frontend services=>file save dialog( 
exporting 

default extension - default extension 
changing 

filename = filename 

path = path 

fullpath = fullpath ). 

check fullpath is not initial. 

call function 'SCMS XSTRING TO BINARY' 
exporting 

buffer = fp formoutput-pdf 

tables 

binary tab - data tab. 

cl gui frontend services=>gui download( 


2 
=3 


exporting 

filename = filename 
filetype = 'BIN' 
changing 


data tab = data tab ). 

cl gui frontend services=>execute ( 
exporting 

document = filename ). 


Output: 


Step 6: Run the print program and then save the pdf form in your drive or desktop, then 
open the form using the Adobe Reader (7.0 or above). 


Give the material number and press description Button; it fetches the description of the 
Material entered. 


il Material pdf - Adobe Reader 
File Edt View Document Tools Window Help 


jao & rjr 9 @ [100% Hou Z[Ü- SP comment - 


reed 
p Matnr |M-10 


Maktx [pump 


&50x1L00n € 


Iv 


Achieving Conditional-breaks in Adobe Forms 

By Phani Diwakar Marepalli, YASH Technologies 

This is one of the scenarios where we need to trigger page breaks based on some condition. 
For example, we need to trigger page break for each change of CONNID. For that we use 
CONDITIONAL BREAKS in PAGINATION of OBJECT palette. 

Step1: Create interface 'ZTEST CONDITION INTERFACE' using the transaction SFP. 


Step2: Now define global parameter as shown. 


PT 5 7" ^ EE 


[v 


= CJ ZTEST. CONDITION INTERFACE 
> C Form interface 
D Import 
D Epon 
D Exceptions 
** O Gloda Definitions 


m= 


In Code Initialization, write the following code. 


2» — from sflight 
3» into table t sflight. 


Save and activate the interface. 


Step3: Come back to initial screen of Form builder and create form 
'ZTEST CONDITION FORM'. 


Step4: In layout tab, 
Drag and drop the internal table to layout editor. 


Change the body page 'Body' from position to flow as shown. 


Step5: Now go to DATA--[] Object --[] Pagination 


Ni Edit Conditional Breaks 


SAPTechnical.COM 


Now click on plus button. 


Nl Edit Conditional Breaks led 
ow t $ 


when: Language: [Foméak v]  Runat: [chert | 

| x 
Break: (S)Before To: |No Break, JustLe:| b Trailer: | (None) v| 
O After Leader: | (None) v ] 


Now click on ‘Insert Sample Expression’ button as shown above with pink color, it shows 
fields. 


Nil Edit Conditional Breaks 


Language: Run At; | Client v 


CARRID 


CONNID 


FLDATE : 
apie No Break, Just Le: | >» Trailer: | (None) 


CURRENCY Leader: | (None) 


Select CONNID field then the following code would be appearing on the space provided on 
the text editor automatically. 


Nil Fdit Conditional Breaks 


Language: |FormCalc — *v 


Break: @)Before To: | NoBreak, Just Le: | > Trailer: | (None) 


O After Leader: | (None) 


Nil Edit Conditional Breaks 


When: Language: Run At: | Client v 
$Q?|pATA[-1].CONNID ne DATA.CONNID ^ | 
m 


ilgAd$S-d-—oci t£ £f. | 

Break: @)Before To: | No Break, Just Le: | b| Content 4rea > 
O After Top of Next Content Area 

Top of Content Area + 


Page 
Top of Next Page 
Top of Page 


No Break, Just Leader & Trailer 


Click on ‘OK’ button. 
Save and activate the form. 
Step6: Execute the form. 


SO 4- S rum ieens smi E 


Date Airfare 


ID No. Curr. 
jn {0400 [Feb 28, 1995 m [pem 


SMa Geet: eem dil - 


I" [0454 [Nov 17, 1995 ma [bem 


ona Giese eed - 


[Aug 21, 1997 555 


m 22, 1997 


[Aug 25, 1997 [aoo 


- [aug 30, 1997 [sas 


Adobe Forms Online Scenario - Travel Request Form 
By Phani Diwakar Marepalli, YASH Technologies 
This document discusses how to create online interactive travel request form. The lay out of 


the travel request would be in the given format. 


`: YASH Technologies -- Hyderabad 
Travei indent Form 


1. The values in the drop down list for department are 


e SAP 
e java 
e Oracle Apps 


2. The values in the drop down list for destination country are 


e US 
e UK 
e india 


Step1: Go to the t-code SE80 to create Web Dynpro application. Provide the web dynpro 
component name as ‘ZTEST_TRAVEL_REQUEST’. 


pa Transport Organizer 


Press enter. The following screen appears. 


[EC reate Object z 
Web Dynpro Comp intl. ZTEST_TRAVEL_REQUEST does not exist. 
Create Object? 


Click on Yes to create component and provide the description for the component. 


Step2: Now go to view--[]JContext where define the node as shown below. 


View MAIN — — ——— mactive 


0 Controller Usage 
Z 


Create Using the Wizard 
Change 
Display 


Provide the name of node is ‘ADOBE’. 


Create sub node ‘TRAVEL’ as shown below. 


0 Controller Usage 
Context MAIN 


v (C) CONTEXT 


«AZTEST TRAVE 


Create Using the Wizard 
Change 

Display 

Move ... 

Rename... 


Attribute 
Recursion Node 


[Œ Create Nodes — [d 4 


Node Name [rad o 


Interface Node 


Input Element (Ext) m 
Dictionary structure 


Cardinal; DA Pec tia Exe 
Selection 0.1 e 
Init. Lead Selection Yes 2 
Singleton No 2 


Supply Function 


Select ‘Add Attribute from Structure’. 


Note: Create the table 'ZWD TRAVEL' with the following structure before creating 
webdynpro component. 


[m 
m m 
m m 
m m 
m m 
m m 
m m 
m m 
m Ss 
m m 
m m 
m m 
m m 


Now travel node contains the following fields, 


E 


|Context MAIN 


b NAME 
p DESIGNATION 
b DNAME 
"b INDATE 
4g ARDATE. 2 (O2 
dp DPDATE 
"b DEITY 
ip DCOUNTRY 
b ACCOMMODATION 
p TRAVELBY 
p TRAVELCAUSEDBY 
"b AMOUNT 
"b WAERK 


Step3: Create 'pdf source' attribute of type XSTRING that holds the PDF document. 


Context MAIN — 


eO 


Create Using the Wizard 
Change 
Display 


E Create Attribute 
Attribute Name 


Type assignment Type q 
Twe (ttm Bp 
Read-only [N^ — a] 


Default Value Ta ical CC 


TI t ct t€ z —. 


Input Help Mode Automatic hs] 
Determined Input Help 
Type of Input Help 


Step4: Now go to Layout tab. 


Insert Element by right click on ROOTUIELEMENTCONTAINER'. 


C] CONTEXT. MENUS 


Create Container Form 
Display UI Element Document. 


Delete Child Elements from Root 


Select 'INTERACTIVE FORM' as shown below. 


Le Create element [] 


Name (inform | 
Tye m 000 a 


Click on ‘Ok’ button. 


Now the layout looks like this. 


Step5: Click on pdfSource property as shown in the Interactive form properties tab as 
shown below. 


A popup will appear where you select ‘PDF_SOURCE’. 


"p NAME 
"p DESIGNATION 

"p DNAME 

$ INDATE 

"p ARDATE 

"p DPDATE 

‘a DCITY 

B DCOUNTRY 

D ACCOMMODATION 
"p TRAVELBY 

"p TRAVELCAUSEDBY 
B AMOUNT 

"p WAERK 


Step6: Provide template source name 'ZTRAVEL REQUEST FORM’. 


dataSource 
displayType native 


enabled 


300px 
'MAIN.PDF. SOURCE| & 


Now double click on it then the following popup will appears. 


Provide the interface name and click on CONTEXT button to bind the node ADOBE to form. 


pecify Form Interface 


Specified Form Object Does Not Exist 
To Create the Object, You Must First Specify a 
Form Interface 


Interface Name 


"3 NAME 
dà DESIGNATION 
"3 DNAME 
"3 INDATE 


hy PA EDI ical. COM 
$ DCITY 

% DCOUNTRY 

T ACCOMMODATION 

q3 TRAVELBY 

t3 TRAVELCAUSEDBY 

d3 AMOUNT 

qd3 WAERK 


Then press ‘Yes’. 


[E Exit Processin 


MAIN was changed 


[2 Do you wantto save before exiting? 


a e [x omes 
E 


Now adobe form screen would appear. 


The fields defined in the node ‘TRAVEL’ is mapped to Data View of the layout. 


Drag and drop the every field onto the BODY PAGE. 


YASH Technologies - Hyderabad 
Travel indent Form 


Employee Details: 
Name of Indent Designation 
Department Date of indent 


Now we need to make the field DEPARTMENT as drop down list box. 


For that we need to change the field type from TEXT FIELD to DROP DOWN LIST BOX as 
shown below. 


object x Layout WX Accessibilty “A 


Field ‘value "Binding 
Caption: | Department | 
Appearance: | Sunken Box aJ 
[ ] Allow Multiple Lines 


[ ]LimitLength Max Chars: 


RET 


List Items: 


[ ]Allow Custom Text Entry 


Now click the ‘+’ button as shown above and add texts. 


fJobject x Accessibility 
Field 

Type: T£* Drop-down List v 

Caption: Department 


Littens: OQ O f $ ^ v 


> 


[ ]Allow Custom Text Entry 


Now go to BINDING tab, 


[Field "| value "| Binding N, 
Nane: (ome [o 


Default Binding (Open, Save, Submit): 


ü 
1 Jave 
2 Oracle Apps 


Select the check box ‘Specify Item Values’. Initially it is unchecked. After checking the check 
box then it shows values and corresponding texts as shown above. 


Change the values from 0, 1, and 2 to corresponding text as shown below. 


(Layout N Accessibility 
[feld [Value Binding 


Name: | DNAME o 


Default Binding (Open, Save, Submit): 
| DNAME > 


[v] Specify Item values  & a w 


Value Text | 
SAP SAP | 
Jave Jave 
Oracle Apps Oracle Apps 


Step7: Drag the static text and write ‘Travel by’ text in it. 


Now drag and drop the radio button from LIBRARY as shown below. 


Travel by 


| Item 
| Radio Button 


Rename the Radio Button to Private Car and press enter. Then 


Travel by 


Item 
Private Car 


Again drag and drop the radio button from LIBRARY. 


Item 
Travel by 5 
GLLELLLLLLLLLLLLLLLLLELLLLLLLLLLL ELLE LLE EE Private Car 
%C | Private Car Radio Button 


X 
Gute LEEEELELELEEELELELELEEELELEEELEEEL SEED EE: 


Again rename the Radio Button to Company Car and press enter. Then 


| Item 
" Travel by. |... ss e | Private Car 
LA a PII i AE in 
ZC | Private Car s > Company Car 
a 


IIR, 


Repeat the same process for remaining 3 radio buttons. 


Now go to binding tab, 


———— — eg ey A ere 


| Normal > 
Specify Item Values 
| Value Rem | 
1 Private Car | 
2 Company Car 
| 3 Train 
4 Plane 
5 Bus 


Now, change the values from 1, 2, 3, 4 and 5 to corresponding text as shown. 


Object x M Layout "M, Accessibilty v7 
Name: | Travelby | 0 


Default Binding (Open, Save, Submit): 


TRAVELBY | b 
Specify Item Values 
Value Item 
Private Car Private Car 
Company Car Company Car 
Train Train 
Plane Plane 
Bus Bus 


Step7: Now go to properties tab, 


Ln ceca mic [3 


BA Signature Field 


Description | 


This form uses an XML schema-based interface. 


LayoutType —  [Unkmownisyufipe | 


Interface ZTRAVEL REQUEST INTERFACE | 


Change the layout type 'UNKNOW LAYOUT TYPE' to 'ZCI LAYOUT' as shown below. 


Description 


Step8: Now activate both the form and interface. 


Step9: Now come back to Web dynpro application. 


pdfSource — | 


readOnly 

templateSourc ZTRAVEL REQUEST 
tooltip 

visible Visible 


Events 
ns 


PLIST SETTER 


Now click on create button. Provide the action name and description. 


|= Create Action 


Component ZTEST TRAVEL. REQUEST 
View MAIN S 
Action SEVEN | 


(| Transfer Ul Event Parameters 


|T00px | 
'MAIN.PDF. SOURCE | el [ 


Now double click on SAVE. 


The following screen appears. 


Event Handler 


xama 


importing [C] | 


1j Elmethod ONACTIONSAVE . 
2» | EI 
3j endmethod. 


Step10: Now go to ‘Web dynpro code wizard ( Ez 1| y. Select the node ADOBE. 


O Start Navigation 


Outbound Plug 


@ Read Context 


Node/Attribute 


O Generate Message 


Message Manager | IF, WD MESSAGE MANAGER 
Method 


And press enter. 
The following code will be generated. 


DATA lo nd adobe TYPE REF TO if wd context node. 
DATA lo nd travel TYPE REF TO if wd context node. 
DATA lo el travel TYPE REF TO if wd context element. 
DATA 15 travel TYPE vd this--element travel. 
* get message manager 
DATA lo api controller TYPE REF TO if vd controller. 
DATA lo message manager TYPE REF TO if wd message manager. 


* navigate from «CONTEXT» to «ADOBE» via lead selection 
lo nd adobe = wd context-^get child node( name = wd this--wdctx adobe ]. 


* navigate from «ADOBE» to «TRAVEL» via lead selection 
lo nd travel = lo nd adobe--get child node( name = wd this--wdctx travel ). 


* navigate from «ADOBE» to «TRAVEL» vaa lead selection 
lo nd travel = lo nd adobe--get child node( name = wd this--wdctx travel]. 


* get element via lead selection 
lo el travel = lo nd travel--get element( ). 


* get all declared attributes 
lo el travel--get static attributes ( 
IMPORTING 
static attributes = 1s travel ).| 


INSERT INTO zwd travel VALUES ls travel. 


IF sy-subrc EQ 0. 
lo api controller ?= wd this--wd get api( ). 


CALL METHOD lo api controller--get message manager 
RECEIVING 
message manager = lo message manager 


a report message 
CALL METHOD lo message manager--report success 
EXPORTING 
message text = 'Successfully record inserted into database' 

j* params = 

4 msg user data = 

^ is permanent = ABAP FALSE 

, scope permanant Wwsp 'LCQ .MSG SCOPE GONTROLLER 

* view = 

a show as popup - 

a controller permanent msg = 

$ msg index = 
=e cancel navigation - 

ENDIF. 


Save and active the component. 


Step11: Create the Web dynpro application as shown below. 


ll | 


Web Dynpro Component (Interface) 
D aĝ Com Change View 


v (View: Display >| Window 


a » Create/Change Configuration Custom Controller 
: E | Check *| Serice Call 
Activate | Mime Object , 
Copy... 
Rename... i 


Give the description and save the application. 


Step12: Now execute the application. 


38 AlL ooma 


YASH Technologies - Hyderabad 
Travel Indent Form 


Employee Details 


a ————] 


Enter the details. 


C Private Car C Company Car 
C Train @ Plane 


Adv. Amount [10.000 INR 


Press Save button. 


You get the successful message after the record is inserted in the data base. 


Check the data in the table. 


Table ZWD_TRAVEL Display 


NAME 


INDATE 15.66.2009) 5.06. 2009 
ARDATE [19.06.2009] 9.06.2009 
DPDATE [18.06.2009] 8.06.2009 


ACCOMMODATION 1 | 
TRAVELBY 


AMOUNT 10.000,00 
WAERK [INR | 


By Vani Prasanna M, TCS 


1. Goto transaction SE80 and create a web Dynpro component. 


Web Orero Come tr DOC B. Ci DEMO does not enit 
Create Otyect? 


2. Enter the View Name, ‘Main View’ in the pop up window and press ‘Enter’ . 


[E Web Dynpro: Component Create Interface ES} 


Name |2DDLB_2C1_DEMO | 
Description [Drop Down List Box Demo in ZCI 
Type @ Web Dynpro Component 


O Web Dynpro Component Interface 


Window Name [ZDDLB ZCI DEMO — | 


3.  Assign a package and save it. 


ig (= Create Object Directory Ent a 
4 Object __[RATR|WOYN] ZDDLB_Z2C1_DENO 


Resp : IT 


Original System RED 


1| Original language m 


4. Goto context tab of the Main view and create an empty node. 


Web Dynpro Explorer: Change View for ZDDLB. ZCI DEMO 


= 


5. Give the name ‘ROOT NODE’ to the node and press ‘Enter’ . 


= 
InputElement(Et) [No Ð 


6. Create Attribute 'ZUSER" under node 'ROOT NODE'. 


7. Create an attribute under the "Root Node". 


8. 


9. 


Give the Attribute name as 'PDF SOURCE' and Type as 'XSTRING' . 
At the time of form submit, the form is stored in PdfSource in Binary mode. 
So, when once user fills the form and submits it, the same form will be generated with 
data. 


Create an attribute under the "Root Node". 


: Attribute Name ZUSERNAME 


Default Value DAN Pemma AONT] 
| 
Determined inputHelp [| — 0 0 0 O l 
Type ofinputHep —  — | — 0 0 0 0 0 0 0 0 0 | 


11. Save and Activate the web Dynpro component. 


12. Go to Layout tab of MAIN VIEW and right click on ‘ROOTUIELEMENTCONTAINER’ to 
insert leucine 


13. Enter the details in the pop up window. Give the name of the element , 'zuser element' 


and select the Type as 'Interactive Form'. 


[= Create element [A 


ID zuser element 


Typ — |InteractiveForm 2 


14. ‘Enabled’ field is a required entry for an Interactive form. 


Inhent 3 


SAP teuria ENAT 
; 
“300px 
6 


15. Click the button in the property list for the property ‘dataSource’ and select the node 
'ZROOTNODE' from the context window . 


— [100 E| ritwnea02y [ins | _ 


16. Click the button in the property list for the property ‘pdfSource’ and select the node 


17. 


PDF_SOURCE from the context window. 
Click the button in the property list for the property ‘pdfSource’ and select the node 
PDF_SOURCE from the context window. 


Mus vitv 


For the property 'templateSource' give the name of the adobe form 
'ZDDLB DEMO FORM in the value tab . Double click on the adobe form name. 
Enter the Interface name 'ZDDLB DEMO INF ' and click on context button to create 
interface from context node . 


Form interate. 


19. Save the Form and Interface . 


[Vest Dorens Comp ine Si 


21. The elements in form context can be seen in the Data view of the form Layout . 


‘Everts meh Series > 


ROOT_NODE. #aubform[0) .EnusDropDo 


22. Drag and drop the ‘Enumerated Drop Down List’ button from WebDynpro Native 
category under Library palette.Drag and drop the ‘ZUSER’ node on the list box. Don’t 
Update any related Properties. 


DropDPownListi::exit: - (Javadc 


23. Drag and drop the 'Submit' button from WebDynpro Native category under Library 
palette. 


) s x i 1 J 


ES 
cm[0] .submitToSAPir:click: 


25. Change the form layout type to ‘ZCI layout’ in the properties tab of the form builder. 


pas 


fom £st Com (mees Enwesrement em ew 
3 218 
Form Builder: Change Form 200A. DEMO FORM 


Form itot DN) ron 


26. Insert the Webdynpro Script. 


m al fnyconmen Gye nop nig SAP 4 


= Builder: 


v Qtieit Lent ORM 


27. Drag and drop the ‘Text Box’ from WebDynpro Native category under Library palette. 


28. Bind the Text Box with the element ‘ZuserSelected’. 


29. Save and activate both form and interface 


"b 
m 
a 
E 
gg 
B 


tub A E A 


30. In the property list under Events, click on the create button for the event ‘onSubmit’ 
and create an action ‘CLICKME’ 


31. Go to the ‘Actions’ tab of MAIN_VIEW. Action ‘CLICKME’ will appear. 


Umethed WODOINIT 


Sete jo sa root sode type cer 
Sate lo el root sods type ref to if wd context element 
Gate 19 toct abse type wd this lement toot node 
Set jv fuper type wd Che element poot ode Cube 


to Ii I context bode 


» 
b 
» 
* 
, 
» 
» TECTA 
, MOGE INFO TYPE REF TO [P Wb CONTEXT MWObf INTO. 
> it dropdown TYPE  WbR CONTEXT ATTM VALUE LIST, 
L "A type VOR CONTEXT ATTA VALU 
v. wa petieeOl type spetinedl, 
oP IT IPSCAT type STANDARD TABLE Of WEED ADDE , 
LI WA IPECAT type USER ADOR 
, 
LI 
> 
» 
» 
> 
» 
LI 
» 


io wd root node * sd ocstext->get Child tode: mame + wd Chis- miot root sose | 


32. Copy Paste the code in the method ‘ONACTIONCLICKME’. 


data lo_nd_root_node type ref to if_wd_context_node. 
data lo_el_root_node type ref to if_wd_context_element. 
data Is root node type wd_this->element_root_node. 
data lv zuser type wd this--element root node-zuser. 


DATA: 
NODE INFO TYPE REF TO IF WD CONTEXT NODE INFO, 
it dropdown TYPE WDR CONTEXT ATTR VALUE LIST, 
WA type WDR CONTEXT ATTR VALUE, 

* wa zpsfins02 type zpsfinsO2, 
IT ZPSCAT type STANDARD TABLE OF USER ADDR , 
WA ZPSCAT type USER ADDR . 


* navigate from «CONTEXT» to «ROOT NODE?» via lead selection 
lo nd root node = wd context--2get child node( name = wd this--wdctx root node ). 


* @TODO handle non existant child 
* IF lo nd root node IS INITIAL. 
* ENDIF. 


* get element via lead selection 

lo el root node = lo nd root node--»get element( ). 
* @TODO handle not set lead selection 

iflo el root node is initial. 

endif. 


select * from USER ADDR 


into table it zpscat up to 10 rows. 
xX 


LOOP AT it_zpscat INTO WA_zpscat. 


WA-text = SY-tabix. 

CONCATENATE WA-text WA zpscat-bname inTO WA-text. 
move WA zpscat-bname TO WA-VALUE. 

insert WA inTO table it dropdown. 

*append WA TO it dropdown. 

clear WA zpscat. 

clear wa. 


ENDLOOP. 
NODE INFO = lo nd root node--GET NODE INFO( ). 
* Set Value sets to node info 
NODE INFO--SET ATTRIBUTE VALUE SET( NAME = 'ZUSER' VALUE SET = 


it dropdown ). 


33. Double Click on the WDDOINIT method to add the Code. 


f a 
1 a 
z a 
8 ^ 
a a 
g a 
E S; 
£ 3 
r a 
3 a 
- D 


34. Click on the Code Wizard. 


Viet Dror Core int S 
L 2C) OE MO 


| B-.thed OCMACTIOMCLICKNS . 
Ud 


* | 
i l enamel 


CA OMACTIONCUCIÓME — LLL — = ain 3a FT rT ae M 


ONACTIONCLICKME . 
lo nd root nodet ef to if wd context node. 


ita lo el root nodet ref to if wd context element. 
ta Is root node type wd this--element root node. 
ita Iv_zuser type wd this--element root node-zuser. 
lata Iv zusername type wd this--element root node-zuser. 


* navigate from «CONTEXT» to <ROOT_NODE> via lead selection 
lo nd root node = wd context-»get child node( name = wd this- 
2wdctx root node ). 


* @TODO handle non existant child 
* [Flo nd root node IS INITIAL. 
* ENDIF. 


* get element via lead selection 

lo el root node = lo nd root node--get element( ). 
* @TODO handle not set lead selection 

iflo el root node is initial. 

endif. 


* get single attribute 
lo el root node-»get attribute( 
exporting 
name = "ZUSER' 
importing 
value - lv zuser ). 


select single NAME TEXTC from USER ADDR 
into Iv zusername where bname = lv zuser. 


* set single attribute 
lo el root node-»set attribute( 
name = "ZUSERNAME' 
value = lv zusername ). 


endmethod. 


35. Web Dynpro Application.oRight click on the Web Dynpro component and select Create 


€ 


= 


a ee Ce a 


36. Enter the application name and save the application. 


* 


38. Right click on the Web Dynpro application that we created and select ‘Test’ . 


in | Change Pactenge jvgnerert | i — jagama] [^ 
mte Trost Ey 


39. Browser opens with the form. The Form Displays the Data fetched from the database. 


Select the USER and Click on the Submit button. 


de Geer eer Pais | 


40. The User Selected is fetched from Database Populated. 


aD ee all E (oen Aen 


Qm- O- 2) dm Yum eC Se A 


Address (P) hetp//rcitraredO 2v,hastinapur.res:8002/sap/bc/webdynpro/sap/zddib_zci_demo?sap-language=EN 


mas & Ti: jeenp«e-jUgife i 


Upload Photos/images into custom table & Print in 
Adobe form 


By Saikumar B, HCL Technologies 


This document explains how to upload images into custom tables and display the images in 
adobe form. 


Create a Table with two 
fields 


© Database table 
Oview 


© Data type 
Type Group 


O Domain 
© Search help 
O Lock object 


Create a 
Structure. 


ERPB 


Structure ZTEST_PHOTO_S Active 


Short Description — (ZTEST PHOTO 


gj dà todo A BO BD HierarchyDisplay Append Structure. 


[£3] Predefined Type 1:432 
RTy...Componenttype DataType Length Decim..ShortDescription 

[] PERSNO NUMC 8 8 Personnel number 
[3 HRIMC XSTRING = RAWSTRING | o 9XSTRING 


eate a table type.. 


Es PRE dero gO Hierarchy Display 


Table Type ZTEST_PHOTO_T Active 


Short text 


_ Attributes . Initialization and Access ^, Key - 


(€) Line Type 


(Predefined Type 


Data Type [-—— MH 
No.ofCharaders — |0 ^ | DecimalPlaes — (8 | 


Type the transaction code SFP in your command box. 


Select the radio button Interface enter the name of the interface starting with "Z" (here as 
creating as Z IF TEST CV) 


Click on create button 


Cr 


omn E Ide 7 


a: B B ng 


. 


OForm 
@ Interface 


Interface 
Description 


Interface Type 


»j (D Gad) 6) (GS 
‘Type assignment TypeName - 0 
TYPE i SFPDOCPARAMS 
TYPE B ZTEST PHOTO T 


7 OZF me UU 
v (Form Interface 

. 6 f 

* D Epo 

- [8 Exceptions _ 

v © Global Definitions 
s Global Data 


IT PHOTO 


Save the interface and assign it a transport request. 
Create table Import parameters as for employee photograph and data as it photo 
Save and activate the interface and come back on the main screen 


Create Form: select the radio button form 


Form Builder: Entry Po 


2 r UN IHH Gop 


$ 
©Form ZLIFATESTICM 1: | ££ 
© Interface [2 1F TEST CV | 


L J 


Click on create button and Enter description, specify the interface that you have create 
above in step 
[£ Create Form & 


Description ; 


Interface [2 IF TEST CV 


Enter save assign to the transport request (here we have assigned it to local package) 
The new screen will appear with 3 tab pages and 2 panes can be seen in context tab page. 
The left hand pane is the interface and the right hand pane is the context of the adobe form. 


The interface needs to be mapped with the context of the form. This can be done by drag 
and drop of the fields from interface to context of the ADOBE form 


E | 


EDI AA RIA o a ctum n WT 


form layout. 


Edit View Insert Table Layout Tools Palettes Help 


namaa Cie [m se igi | 


Drag and drop the UI Element Image Field on the form master page table line. 


-BIU exam 


mart fieral -— =v; = —- ws = | | =>! e v^ 


NC Master Pages X Odi Source X 
2 5 


Binding the Image Filed. The UI Element needs to be bind so that if can receive the image at 
run time. For binding the fields select the UI Element 


Click on Binding tab on the object window. 


Goto Liites Enyrorenent — System Help NEED 
€ -48. CAR CHK ooosemmom 
Form Builder: Change FormZ IF TEST CV 
ec» "end 5:0 AB B doen ust 
Form IZ 1F TEST CY lacme 
Properes i Content _ Layout | 
Edit Yew Insert Table Layout Tools Palettec Help 
Om BBS iiuses e$ B/U ezan 
m= Ph riko CCS NEH 


(CA [orm Edit 


@ 2,805 bytes transferred b HRD(1)300~ STO10508 INS 


As you have dragged and dropped the field of table binding automatically takes place or else 
you may also bind the fields as done for photo field. 


Save and Activate the ADOBE Form 


dol ————————————— H——— — * 
*& Report ZPHOTO PRINT 
Kaea ee ee cet du dude eee guided * 


REPORT ZPHOTO PRINT. 


DATA:IT PHOTO TYPE ZTEST PHOTO T, 
WA PHOTO TYPE ZTEST PHOTO S. 


DATA :WA ZTEST PHOTO TYPE ZTEST PHOTO, 

IT ZTEST PHOTO TYPE TABLE OF ZTEST PHOTO. 
SELECTION-SCREEN BEGIN OF BLOCK b1 WITH FRAME TITLE text-001. 
SELECT-OPTIONS : S PERNR FOR WA ZTEST PHOTO-PERNR NO INTERVALS . 
PARAMETERS  :P PRINT TYPE CHAR1 RADIOBUTTON GROUP RDA1 DEFAULT 'X' USER- 
COMMAND COM, 


P UPLOAD TYPE CHAR1 RADIOBUTTON GROUP RDAI. 
SELECTION-SCREEN end OF BLOCK b1. 


IF P PRINT IS NOT INITIAL. 


* selecting the data from the table.. 
SELECT PERNR PHOTO FROM ZTEST PHOTO INTO CORRESPONDING FIELDS OF TABLE IT Z 
TEST PHOTO 
WHERE PERNR IN S PERNR . 
LOOP AT IT ZTEST PHOTO INTO WA ZTEST PHOTO. 
WA PHOTO-PERNR = WA ZTEST PHOTO-PERNR. 
WA PHOTO-PHOTO = WA ZTEST PHOTO-PHOTO. 
APPEND WA PHOTO TO IT PHOTO. 
ENDLOOP. 


DATA :FP OUTPUTPARAMS TYPE SFPOUTPUTPARAMS. 
FP OUTPUTPARAMS-NODIALOG = 'X'. "X'. 
FP OUTPUTPARAMS-PREVIEW = 'X'. "X'. 

* fp docparams-FILLABLE  — 'N'. 

*fp outputparams-DEVICE = 'ZLOCA'. 


CALL FUNCTION 'FP JOB OPEN' 


CHANGING 

IE OUTPUTPARAMS = FP OUTPUTPARAMS 
EXCEPTIONS 

CANCEL =1 


USAGE ERROR =2 

SYSTEM ERROR =3 

INTERNAL ERROR = 4 

OTHERS - 5, 
IF SY-SUBRC <> 0. 

MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO 
WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4. 

ENDIF. 


CALL FUNCTION '/1BCDWB/SM00000027' 
EXPORTING 
* /1BCDWB/DOCPARAMS = 
IT PHOTO = |T PHOTO 
* IMPORTING 
* /1BCDWB/FORMOUTPUT = 
* EXCEPTIONS 


* USAGE ERROR =1 
* SYSTEM_ERROR =2 
* INTERNAL ERROR =3 
* OTHERS =4 


IF SY-SUBRC <> 0. 
* MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO 
* WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4. 
ENDIF. 


CALL FUNCTION 'FP JOB CLOSE' 
* |MPORTING 
* E RESULT - 
EXCEPTIONS 
USAGE ERROR =1 
SYSTEM_ERROR =2 
INTERNAL_ERROR =3 
OTHERS = 4. 
IF SY-SUBRC <> 0. 


ENDIF. 
ELSE. 
DATA: LR_MIME_REP TYPE REF TO IF_MR_API. 


DATA: LV_FILENAME TYPE STRING. 
DATA: LV_PATH TYPE STRING. 
DATA: LV_FULLPATH TYPE STRING. 
DATA: LV_CONTENT TYPE XSTRING. 
DATA: LV LENGTH TYPE lI. 

DATA: LV RC TYPE SY-SUBRC. 


DATA: LT FILE TYPE FILETABLE. 
DATA: LS FILE LIKE LINE OF LT FILE. 


DATA: LT DATA TYPE STANDARD TABLE OF X255. 


CL GUI FRONTEND SERVICES--FILE OPEN DIALOG( 


CHANGING 
FILE TABLE = LT FILE " Table Holding Selected Files 
RC = LV RC ). " Return Code, Number of Files or -1 If Error Occurred 


READ TABLE LT FILE INTO LS FILE INDEX 1. 
IF SY-SUBRC = O. 

LV FILENAME = LS FILE-FILENAME. 
ENDIF. 


CL GUI FRONTEND SERVICES--GUI UPLOAD( 


EXPORTING 
FILENAME = LV FILENAME " Name of file 
FILETYPE = 'BIN' 

IMPORTING 


FILELENGTH = LV LENGTH "File length 


CHANGING 


DATA_TAB = LT DATA "Transfer table for file contents 
EXCEPTIONS 
OTHERS — 19). 


CALL FUNCTION 'SCMS BINARY TO XSTRING' 
EXPORTING 
INPUT LENGTH = LV LENGTH 
* first line — 0 
* lastline =0 
IMPORTING 
BUFFER = LV_CONTENT 
TABLES 
BINARY TAB =LT_DATA 
EXCEPTIONS 
FAILED =1 
OTHERS = 2. 


WA ZTEST PHOTO-PERNR = S_PERNR-low. 
WA ZTEST PHOTO-PHOTO = LV CONTENT. 


MODIFY ZTEST PHOTO FROM WA ZTEST PHOTO. 


if sy-subrc = O. 
MESSAGE 'Successfully Uploaded' TYPE 'I' DISPLAY LIKE 'S'. 
ENDIF. 

ENDIF. 


Run the Program 


'bhoto print 
9 


Photo Upload & Print 
Photo ID No AT | 
©) Print Photo 
Photo Upload 


[9 


Enter the Photo ID No.. and select radio button Photo upload and run.. 


Photo Upload & Print - 


Photo ID No [ 4| 
(Print Photo 


(Photo Upload OoOO  —] 


A pop will ask to select a photo.. 


9 
Photo Upload & Print 
Photo ID No - x z 
O Print Photo i | *| PAHE 


Photo Upload 


Files oftype: AN Files (0) 


After saving the photo.. the image will store in Xstring format as below in the table. 


Table ZT-:XST PHOTO Display 


1 


[MANDT! [300] 
PERNR [4 


(FFDSFFEO00104446494600010101006000600000FFE100164578696600004949240008000000000000000000F 


PHOTO 


To display the Photo select ID no.. and run.. 


photo print 
[o 


| Photo Upload & Print = 
Photo ID No deg | [e] 


© Print Photo 


`Photo Upload 


Print preview of the photo.. 


Adding rows dynamically in a table using interactive 
Adobe Forms 


By Phani Diwakar M, YASH Technologies 


The requirement is to add the table rows dynamically in the table. This document 
is dealt with how to create dynamic table in interactive form using offline 
scenario. 


Step1: Go to SFP transaction and provide interface name. 


Form Builder: Entry Point 


O Form 


@ Interface ZÜFFLINE MAT INTERFACE [59 


Click on Create button and provide the meaningful description for the interface. 


Step2: Now create import parameter ZMAT as shown below. 


Save and activate the interface. 


Step3: Now again go to transaction SFP to create form. Provide the form name. 


2 Sa) ace 


Click on Create button. A popup will appear where provide the interface name and 
meaningful description of the form. 


Step4: Now drag the import parameter ZMAT to context as shown. 


Form |ZOFFLINE MAT FORM | Active 


" v €y ZOFFUNE MAT FORM 
b m ZMAT Table type 


‘(met Table type 
b © System Fields 


Step5: Now go to layout. 
Drag the table ZMAT to body page. 


Drag the button from library on to body page below the table as shown. 


Step6: Now go to Hierarchy tab, 


Go to OBJECT palette of DATA and provide the min count is 3 (when we execute the form 
initially it shows 3 default rows) as shown below. 


Step7: Now click on ‘Insert’ Button. 


In the script editor, write the following code which generates the rows dynamically at run 
time. 


Edit View Insert Table Layout Tools Palettes 


[sem [emis SI fa OG rae H 


Í menee data.Bodypage.Buttonl::click - (JavaScript, Client) -------------—-—-————————— mL 


| var anInstanceManager = data.Bodypage.2MAT.DATA.inscanceManager; 
var nevinsrtance = aniInstanceManager.addInstance (1): 

| var aToIndex = data. Bodypage.ZĦAT. DATA. index + 3; 

i var aFromIndex = nevInstance.index; 


$ anInstanceNanager .movelInstance (aFromIndex, aToIndex) s 


In script editor: 


var anInstanceManager = data.Bodypage.ZMAT.DATA.instanceManager; 

var newInstance = anInstanceManager.addInstance(1); 

var aToIndex = data.Bodypage.ZMAT.DATA.index + 3; (Adds the rows from 4th 
postion) 

var aFromIndex - newInstance.index; 
anInstanceManager.moveInstance(aFromIndex, aToIndex); 


Save and activate the form. 


REPORT ZOFFLINE MAT 01. 


data: 
fs venbank type zwd mat, 
it mat type zwd t mat, 
| fm name TYPE rs38l fnam, 
| formname TYPE fpname VALUE 'ZOFFLINE MAT FORM', 
fp docparams TYPE sfpdocparams, 
FP FORMOUTPUT TYPE FPFORMOUTPUT, 
fp outputparams TYPE sfpoutputparams. 


START-OF-SELECTION. 
PERFORM get function module. 


RUD IPIE * 
*& Form GET FUNCTION MODULE 
t cM * 


form GET FUNCTION MODULE. 
CALL FUNCTION 'FP FUNCTION MODULE NAME' 
EXPORTING 


i name =I formname 
IMPORTING 
e funcname = | fm name. 


* E INTERFACE TYPE - 


* fp outputparams-nodialog = 'X'. 
* fp outputparams-getpdf ='X'. 


CALL FUNCTION 'FP JOB OPEN' 
CHANGING 
ie outputparams = fp outputparams 
EXCEPTIONS 
cancel = 
usage error =2 
system_error = 
internal_error = 4 
OTHERS =5. 
IF sy-subrc <> O. 
CASE sy-subrc. 
WHEN OTHERS. 
ENDCASE. " CASE sy-subrc 
ENDIF. 


fp docparams-langu = 'X'. 
fp docparams-country = 'US'. 


fp docparams-fillable = 'X'. 


fp docparams-dynamic = 'X'. 


CALL FUNCTION | fm name 


EXPORTING 

/1bcdwb/docparams - fp docparams 

zmat — it mat 
IMPORTING 

/1BCDWB/FORMOUTPUT = FP FORMOUTPUT 
EXCEPTIONS 

usage error =1 


system_error = 
internal error =3 
OTHERS = 4. 


IF sy-subrc <> O. 
CASE sy-subrc. 
WHEN OTHERS. 
ENDCASE. " CASE sy-subrc 
ENDIF. " IF sy-subrc <> 0 


CALL FUNCTION 'FP JOB CLOSE' 


* |MPORTING 
* E RESULT = result 
EXCEPTIONS 

usage error =1 


system_error = 
internal_error = 
OTHERS =4 


IF sy-subrc <> O. 
CASE sy-subrc. 
WHEN OTHERS. 


ENDCASE. " CASE sy-subrc 
ENDIF. " IF sy-subrc <> 0. 
endform. " GET FUNCTION MODULE 


Note: To add the rows dynamically in the form, we have to pass the value 'X' to 
parameterDYNAMIC of the structure /1BCDWB/DOCPARAMS. 


Output: execute the program 


[Ex ct RS ——————— ''/á—£( 
iege Slee (eo Magis - 


Now when you click on button Insert, a new row will be added after 3 rows. 


cnc a ÍÜÍÓ €; 
(PBs € eor n eem uim | 


Hiding a Field Using Javascript in Adobe Form based 
on the condition 


By Kalyan Balabhadrapatruni, YASH Technologies 


Go to Transaction SFP-> 


orm Builder: Entry Point 


Select Interface Radio Button & Enter the name to create New Interface. 


(Eg:- zhide_field). 


iy se Saar wr qot 29 ria ae =e 


> ` P , EE ETE A 
B eee IBi DHA A! ek 
ond At rade - teeters 


m 
HJ 


Click on Create & Enter the Description and Press Save: 


[= Create Interface Al 


Interface ZHIDE_FIELD 
Description  HidemeFieldbaseontnecondto] = 


interface Type ABAP Dictionary-Based Interface B 


^ 


Press Save Button. 


Wc Create Object Directory Entry 


Creating a import parameter 


Go to Form Interface->import -- Parameters name -> Enter the import parameter (ie:- pernr) 


IMEE a) BO) os 


Creating the Global Delivery which will passed filled in the form interface and passed to the 
Layout of adobe form. 


Go to Global Definitions->Global Data -> enter the below variables. 


Me ame O Type assignment _ TypeName — —  — [De3utVawe — — | Constant | 


Go to Initialization->code Initialization. 


Enter the below code. 


LZ 


22 422 24 


v» 


DATA: iw poole 
CATA: le p0019 


CALL FUNCTION f» BERD DEUCTITÉ! 


pers - gems 
gatty = ipon 
begas = '1:205221! 
endas = "nmm. 
mames 
infty cab = de goo: 
EXCEPTIONS 
safty_not_feend = t 
emma <3, 


SY sy-sv@se fQ i. 


READ TABLE le $5019 INTO ls 90019 WITH HEY germs = perni. 


1 Bo I sy-subec fg c. 


Qv perzr = 1a g0019 perzz. 


Once the interface is activated. 


5 FA I 


rm Builder: Change Interface ZHIDE_FIELD 
"1 MEI 


Go back to transaction SFP. 


Select Form Radio Button & Enter the name to create New Form. 


(Eg:- zhide field). 


asi mam 


Form Builder: Entry Point 


nu 


"d 


Zhide field 


Press save. 


c7 Create Object Directory Entry 


Form Context is displayed as below. 


Form iu diano. od Form HR: FIELD 


*[s]imj «jx[elm] 8] 
1 Lco PE 


Drag & drop the Global data form Interface to Context Level & Save the form. 


Form Builder: Change Form ZHIDE_FIELD 


:HE-TLIR 8I 


im (x ele) 8) 


Click on the Layout to design the layout. 


Form Builder: Change Form ZHIDE_FIELD 


2*8 6 


Form layout is displayed. 


Form Builder: Change Form ZHIDE_FIELD 
[=l | fea] |) n E | a | DNI | id Layout | | [=> Layout | 


Form |EHIDE FIELD | Inactive 
Context it 


Properties | 


ayout Tools Palettes Help 


oN AD Design View |f Preview POF oe) 
lerorchy | POF Structure | Data View £ Ye-1T-| 10 1 2 3 


-JA GV POSITION TITLE 


Now drag and drop the fields from the Data view to the form. 


Form Builder: Change Form ZHIDE FIELD 


SE | a ows ane | a) | | [2% Layout || (=> Layout | 
Form, =» | 
ET "UN 


|ZHIOE FIELD —— Inactive 


Daka CONN 


(f GV ENDDA 
Jf? GV. POSITION TITLE 


Select object name ->go to Palettes->Click on Script Editor. 


Form Builder: Change Form ZHIDE_FIELD 


wu 


Form '2HIOE FIELD | Active 


SACS 
— y] V Toolbars 


v Object Library Shif*F10 


d | Fragment Library 
5 0. | Layout ShineF9 
| *Positen Border ShineFs t 
aaas Ouid ShitteF7 . 
| Lv Accessibilty Shiner 
| | Eont ShiteF4 
: | Paragraph Snif*F5 
| Drawing Aids 
| | [nfo 
[v Report 


How To 


This script will hide the field in runtime if it is initial. 
Enter the below JavaScript in the editor & Select the language as JavaScript. 
if(this.rawValue == null) 


{ 


this.presence = "hidden"; 


ITION TITLE: | eeety! fore ~ Neveleript, viienti 
if|this.rawW/aluww ** nuli) 
4 


this.presence + "hidden"; 


Save and activate the form. 


Execute the form to see the below screen. 
Here for output we will have two scenarios. 
SCENARIO 1: Position Title is not initial 


SCENARIO 2: Position Title is initial 


Functionmodules Edit Goto Utilities tem Help 


[V] DIgg Gee GAR BHH9D fF OB 
Test Function Module: Initial Screen 


@> Debugging Test data directory 


Test for function group '1BCDUB/SM00900103 
Function module /1BCDUB/SM00000103 
Uppercase/Lowercase 


/1BCDWB/DOCPARAMS Ø «Initial» 
PERNR 800898015 


Preview Edit Goto 


Print Preview 


R 


eaa Sie en eel: Fg! z 
iB 


Per number | 09909018) | COM 


Start Date Jun 1, 2010 


End Date Jun 1, 2010 


Position Title Test Alternate Duties - Position 1 


SCENARIO 2: 


E 


Function modules Edit Goto Utilities System Help 
"280g eoe SAB anas mom 
Test Function Module: Initial Screen 


Test for function group !1BCDUB/SH80000103 
Function module !1BCDUB/SH80000103 
Uppercase/Lowercase g 


/1BCDWB/DOCPARANS <Initial> 
PERNR 80000017 


Print Preview 


i84 E 1 |41 & &iz*«- r tj 1 


Per number 00000017 


Start Date Jun 23, 2010 


End Date Jun 23, 2010 


Custom Dialog Box Message while Saving the Adobe 
Forms without filling the Mandatory Fields 


By Siddharth Samal, Capgemini Canada 
Pre-requisite: 


It is assumed that the reader of this article has basic knowledge in WebDynpro and adobe 
forms. 


Requirement: 


The Requirement is to generate a pop-up message dialog box, to the user while saving the 
adobe forms without filling in the Mandatory fields. 


Procedure: 


The requirement cannot be achieved as adobe doesn't have such functionality, not to allow 
saving the document without filling in the mandatory fields. We would be using Java Script to 
generate a Dialog box custom message, and if the user clicks OK then the document would 
not be closed and if Cancel a Blank copy of the document would be save. 


1. Create a WebDynpro Component in SE80 


[> Web Dynpro: Component! Create Interface 


Name ZSAVEDIALOG_DEMO 
Description | 
Type («Web Dynpro Component 
COWeb Dynpro Component Interface 


Window Name 


View Name i IV SAVEDIALOG 


2. Go to the Context Tab of the View V SENDEMAIL DEMO 


[SEDATE — —] acte 


Outbound Plugs 


Create Using the Wizard 
Change 
Display 


» 


3. Create a NODE with LFA1 as DDIC Reference 


Node Name Au 


Interface Node [No < 
InputEloment E) — | No aé 
Dictionarystucure_ p 
Cardinality [1 1..1 v 


premor ee <] 
Init. Lead Selection [xYes - 


Singleton No + 


Supply Function. 


4. Select the Attributes for the Node LFA1 


ita Jur fleet. Sah. [ve [RTS IER. [Uc 1 / 125 - 
Component ‘Key RTy.. Component Type Data Type Length Decim... [71 
MANOT A [3 MANOT CLNT 3 or 


5. Create an Attribute as PDFSOURCE 


Attribute Name . [POF_SOURCE 


Type assignment {OTe —  — v] 

Type » U 
Read-only No - 

Default Value - EE | 
Input Help Mode 1 Automatic = 
Determined Input Help h u E 
Type of Input Help K | 


6. The Context of the View would look as below. 


view a 


—— 


Properties . Inbound Plugs Outbound Plugs | 


COMPONENTCONTROLLER 


ONTEXT 


7. Create an Element "Interactive Form" by Insert Element in Layout tab 


View K 7777 inacworreses 


Properties Inbound Plugs y OutboundPlugs y Context y Attributes v Actions y Methods 


* [J CONTEXT. MENUS 


z EMEN 


Create Container Form 
Display UI Element Document 


Detete Child Elements from Root 


The Property of the Interactive FORM would be as shown below. 


Specified Form Object Does Not Exist. 
To Create the Object, You Must First Specity a 
Form interface 


interface Name 


9. Change the Layout Type to ZCI 


Inactive (Revised) 


Form 


Description | ] 


This form uses an XML schema-based interface. 


Created By 


Date 
Time 


10. Create a Input Filed on the Layout and Bind as shown below 


IU. ee Ee l.c 


Binding Properties ; 


DEMO Template for CE 
SAVING UF properties to match the properties of the data Rem 
in the data source. 


* * Update all related properties. 
oer Nave | 
d = C Update the following properties only: 
R Neme 
KM Cain 
R Descriptive informabon P 
F Defaut aloe Mists " 
R vex Chars po 


User Entered - Required . 


a — a a ei e d 


ype: 


12. In the same way create another field City and make it Optional. 


13. Select any Bl of the Input Field (in our case its Vendor Name). Just above the Tool Bar 
of the Adobe there is a space to write the Baai or go to eS and Click Java 
Script. Show Box Select [SSI event which triggers when the Document is saved. 


Form ZOEMODIALOG Active (Revised) 


€ oe Layout Tools 


LFA1.#@subform[0). “TextFieldl: :preSave - (JavaScript, client) 


// Function in JAVA is same as Subroutine used in ABAP 

function P EN à P j 
Hnical.¢ C) J 
Have Value 


t 
return (oField.rawValue ‘= null) s (oField.ravwValue.length > 0}; 


\ C 
// This is used to PE if the Field 


k 


Hierarchy x 
& WA 


BEB (Master Pages) E umm eet -j i um 
& FJ Paget i E DENO Yers tr Coston tumago Dor we | Layout) Border| Object x Wcessb&ty | ci 
3 MM cout hel | == TES Field “Value Binding A 
E |) (untiled Subform) (page 1 B —— 
T8 Text , Al T Type: Text Field 


Write the Below Mentioned Java Script in the Editor. 


function IsSpecified(oField) 
{ 
return (oField.rawValue != null) && (oField.rawValue.length > 0); 


var bCanSubmit = true; 


var message = "Message: Entry for the below Mandatory Fields are Missing! \ 
n": 


if (!IsSpecified (MEMEDE) ) // The Field Node Name 
{ 
message += "vendor Name"; // ME 


bCanSubmit = false; 


} 
if (!bCanSubmit) 


{ 
var oDlg = 
{ 
description: 
{ 
name: "Test Dialog", 
elements: 
[ 
{ 


type: "cluster", 

name: "---- ERROR MESSAGE ----", 
elements: 

[ 


name: "Some Mandatory Fields are Missing!", 
type: "static text", 


hh 
1 
name: "Please Click 'OK' and Save Again! By Filling the Mandatory 
Fields", 
type: "static text", 
}, 
{ 
name: "If 'CANCLE' is Clicked, a Blank Copy of the Form would be 
Saved.", 
type: "static text", 
}, 
{ 
type: "ok cancel", 
Fa 
] 
} 
] 
} 
}; 
// Dialog Activation 
if ("cancel" == app.execDialog(oDlg)) 
xfa.host.resetData(); // Reset The Form 
} 
} 


15. Create a Web Dynpro Application 


[c Create Web Dynpro application 


Application 
Description 


zsavedialog demo ] 


16. Test the Application 


= 6 TEE eepx- ri t P »- a i 


DEMO Template for Custom Message Box While 
V PPH PEIRE 


17. In the below case if the Mandatory field is empty. In any case as it’s a standard Property 
of adobe we can't stop it from saving. But we can change the data before saving. 


ee nese a 


Go e = https: (dei hal 7 trypdroone com S400/sapftc)wel Seem [I J Desktop =] e em 


Flare j [55] 
Save ac ype Adobe POF Fies [' p) x Carad | 


18. If the mandatory field is missing a POP up would be generated with the below message 
as mentioned in the Java Script. 


x 
DEMO Temp mamma- 3 


Some Mandatory Fields ere Missing! 


ABTGCHIUZAL EL) 


_—— 
Wareng: JavaScript. Widow 
Vendor Narne 


Name of City Toronto 


19. If OK is selected then the form would be Open and user can fill in the mandatory fields. 
If Cancel is selected then the Form would be refreshed and the enter data would be 
cleared in the saved form. 


DEMO Template for Custom Message Box While 
Saving The Document. 


entered in the 
Field City is 


Msccia 


Vendor Name [ 


Name of City 


20. The same is also applicable for the Close Button as well. 


Digital signature in Adobe forms 
By Phani Diwakar Marepalli, YASH Technologies 
A digital signature is a security mechanism for protecting digital data. The digital 


signature does the same function for processing digital data as hand written 
signature does for the paper based documents. 


Step1: SFP is the transaction to create adobe form. Provide the interface name and click on 
create button. 


Form Builder: Entry Point 


TERIS fien] 


oe SAP Technical COM 


@ Interface ZSIBNATURE INT 


Q^ Display | 
oy” Disp! ay Y 


Provide the description and save it. 
Activate the interface and come back to initial screen of form builder. 


Step2: Provide the form name and click on create button. 


Form Builder: Entry Point 


ZSIBNATURE FORM 


O Interface 
Dispay | [Z ^ Change  |[E3 Greate] 


Provide the interface name and form description. 


le Create Form 


Form ZSIGNATURE FÜRM 


Description Digital signature 


Interface 


Step3: Drag and drop the system field date to context tab. 
Step4: Go to layout tab, 
Drag the date field to layout editor. 


Drag the signature field from library to layout editor as shown. 


Master Pages X x 


esp i RS EE sm 
E A ZSIGNATURE, FORM 
($3 oarE 


Activate the form. 


Step5: Execute the form. 


& ® fiom - - 


| M = 
Signature Field | | 


Sign icon (Marked as Yellow color) as shown in tool bar is in disable mode. After the 
signature has been filled this icon becomes enable mode. 


Step6: Steps to create digital signature 
Click on signature field. 


The following screen appears. 


Add Digital ID x’ 


I want to sign this document using: 


@ A file 


C Aroaming digital ID stored on a server 


C A device connected to this computer 


Now select the radio button ‘A new digital ID | want to create now’ and click on next 
button. 


Clicking on next button, the following screen appears as shown 
below. 


Add Digital ID x 


Where would you like to store your self-signed digital ID? 


C New PKCS#12 digital ID file 
Creates a new password protected digital ID file that uses the standard PKCS#12 Format, This 
common digital ID file Format is supported by most security software applications, including major 
web browsers. PKCS#12 Files have a .pfx or .p12 file extension. 

(* Windows Certificate Store 


Your digital ID will be stored in the Windows Certificate Store where it will also be available to other 
Windows applications. The digital ID will be protected by your Windows login. 


AP lLechnical.CO 


EN ce | [ER 


Select the radio button ‘windows certification store’ 


The following Add Digital ID screen will appear when click on Next button and fill the 
related information. 


Add Digital ID x 


Enter your identity information to be used when generating the self-signed certificate. 


Name (e.g. John Smith): [Phani 

Organizational Unit; [5AP 
Organization Name: [Yash Technologies 
Email Address: [diwakar.mvp@xyz.com_ 


» " "y A 


Country/Region: ` 


[ Enable Unicode Support 


Key Algorithm: | 1024-bit RSA -| 
Use digital ID For: [Digital Signatures and Data Encryption -| 


Cancel | < Back | [Finch ] 


Now click on finish button. 


Click on sign button as shown below. 


Sign Document x 


nus -j @| 
Certificate Issuer: Phani Info... | 


Appearance: | Standard Text M | 


Digitally signed by Phani 


a DN: cn=Phani, o=Yash 
Technologies, ou-SAP, 
ci nN | email=diwakar.mvp@xyZ.com, 
C-IN 


Date: 2009.08.25 15:12:26 
*0530' 


Now the created signature will appear on the signatory field as shown below. 


9848 € 


BT it ee[oue- Hou V SP commen ~ 


ls LP LTechnical.CO 


Signature Field |Phani 


Click on signature field, you will get the pop up box as shown below. 


Signature Validation Status 


Signature is VALID, signed by Phani <diwakar.myp@xyz.com>. 
- The Document has not been modified since this signature was applied, 
- The document is signed by the current user. 


If you want to check the signature properties then click on signature properties button. 


If the signature is valid then you will get 'Signed and all signatures are valid' message 
appear at the top of the window. 


B Be Giese eepn- Fy Am G ome [o 


Here we can also change the field entries even after the signature field has been filled. 
When saving the form after we modified the any of the field entries in the form, you will get 
the following message at the top 'Signed and all signatures are valid, but with unsigned 
changes after the last signature'. 


"ms © Ma leons -iH by | fom: Prom if = 


ris 


Signature Fieia|Phani ===> __| 


Click on signature panel at the top right side corner (Shown on above picture), there you can 
find the log as shown below. 


EPI 


Signatures 


| A 
= & Rev. 1: Signed by Phani <diwakar.mvp@xyz.com> 
Signature i5 valid: 
This revision of the document hag not been altered 
There have been subsequent chohoe$ to the deciment 
Signed by the current user 
Signature dakejtime are From the clock on the signer's computer. 
+ Signature Detak; 
Last Checked: 2007.08.25 18:28:28 «0530 
Field: daka[0]. £ sub£orm(0]. SignaturePield [0] on page 1 
Chck to view this version 
= |, Form Fields Filled In 


pi 


When you click on highlighted statement under Form Fields Filled In, it would show the 
modified value of the field. And also you can check the value before modification in 
the Click to view this version under signature details. 


When selected New PKCS#12 digital ID file: 


dd Digital ID x! 


Where would you like to store your self-signed digital ID? 


Creates a new password protected digital ID File that uses the standard PKCS#12 Format. This 
common digital ID File Format is supported by most security software applications, including major 
web browsers. PKCS#12 Files have a .pfx or .p12 file extension. 

C Windows Certificate Store 


Your digital ID will be stored in the Windows Certificate Store where it will also be available to other 
Windows applications. The digital ID will be protected by your Windows login. 


AP Lechnical.cCO 


Cancel | < Back | see. ] 


Click on Next button. 


Provide the required information and press Next button as shown below. 


Add Digital ID x 


Enter your identity information to be used when generating the self-signed certificate. 


Name (e.g. John Smith): [Diwakar ——————— 
Organizational Unit; {5AP 
Organization Name: [Yash Technologies — 
Email Address: [diwakar.mvp@xyz.com 
Country/Region: : 


[ Enable Unicode Support 


Key Algorithm: | 1024-bit RSA -| 
Use digital ID For: [Digital Signatures and Data Encryption M | 


Cancel | < Back | Lur ] 


We get the following screen. It asks for password. Provide the password and press finish 
button. 


Add Digital ID » 


Enter a file location and password For your new digital ID File, You will need the password when you use 
the digital ID to sign or decrypt documents. You should make a note of the file location so that you can 
copy this File For backup or other purposes. You can later change options For this File using the Security 
Settings dialog. 


File Name: 


End Settingsiphani.marepalliApplication Data Adobe Acrobat\9. O\Security\Diwakar. pfx Browse... | 


Password: SAP Lechnical. COMI 


[.— — re 


Confirm Password: 


[^ NN 


Cancel | < Back |C] 


We get the following screen. 


Sign Document x 


PE Divakar <diwakar.myp@xyz,com> 
Password: | 
Certificate Issuer: Diwakar Info... | 


Appearance: | Standard Text M | 


Digitally signed by Diwakar 
DN: cn-Diwakar, o- Yash 
Technologies, ou-SAP, 


D iwa ka r emaiisdiwakar.-mvp@»yz com. 


Date: 2009.08.25 19:08:51 
+05'30' 


cà | 


After providing the password only you can able to sign in. Suppose if you press 
the sign button without giving password, it asks for password saying that 'A password is 
required to use this digital ID'. 


Sign Document x! 


Sign As: [Diwakar <diwakar. myp@xyz,.com> >| @| 
password: Ma 


Certificate Issuer: Diwakar Info... | 


SAP Tec parere Bepa x] 


Digitally signed by Diwakar 
DN: cn=Diwakar, o=Yash 
Technologies, ou=SAP, 


D iwa ka r Ru NUM aaa 


Date: 2009.08.25 19:08:51 
+05'30' 


Ex] oe 


Now press the sign button. The signature would be appeared in signature field. 


Bn Giese et eel -A gl fw Geom:  - 


In the above two cases, we can able to change the field entries after the signature field is 
filled in the form. But, we can also have an option to avoid / restrict making changes to the 
content of the fields (‘Date’ in this case) once the signature field is filled. 


Now go to library tab-][Web Dynpro native. Drag and drop the signature-sign and lock to 
layout editor. 


Save and activate the form. 


Execute the form. 


e &e Die els Sefer Hd Je Pomme fF 


T Date — ~ „Aug 25, 2009 
AF Lechnical.C O^ 


; Eun 2 me 
Signature Field | 


Signature&lock | 


Click on signature&lock field. The following screen appears. Select the existing id or create 
new id as shown below. 


Sign Document x 


Sign As: [Phani >| @ 
Diwakar <diwakar. myp@xyz.com> 


Certificates 9e 
Refresh ID List 
Mew ID ,.. 


Appearance: | Standard Text M | 


Digitaliy signed by Phani 


a DN: cn=Phani, o=Yash 
Technologies, ou=SAP, 
a | | | email-diwakar.mvp»xyz.com, 
c=IN 


Date: 2009.08.25 19:29:00 
+05'30' 


cma | 


Select ID Phani 


Sign Document x 
— “| @ 
Certificate Issuer: Phani Info... | 


Appearance: | Standard Text Y | 


Digitally signed by Phani 


g DN: cn=Phani, o=Yash 
Technologies, ou=SAP, 
a nN | email=diwakar.mvp@xyz.com, 
C-IN 


Date: 2009.08.25 19:29:00 
+05'30' 


[EE cows | 


Click on sign button. 


Signature Field 


Now the date field becomes locked. We can not modify the value. In this way we can lock 
the fields after the signature has been done. 


Validation of date and calculation of the number of 
days between two dates using Java Script (Adobe 
interactive forms) 


By Phani Diwakar M, YASH Technologies 


This document gives an idea about to validation of date and calculation of the number of 
days between two dates using Java Script. 


Step1: Go to transaction SFP, and create interface. 


w import SDATE TYPE *) DATS o 
- X [EDATE TYPE a DATS p 
xceptions tec FIT) 4 CUR 


EO u 
Save and activate the form. 


Step2: Go to transaction SFP, create form 'ZTEST FORM JS2'. 


Drag and drop the parameters from interface to context tab as shown. 


Contet nan Ger] Description —- 


o SDATE Field oftype DATS 
o EDATE Field of type DATS 


Step3: Go to layout, drag and drop the elements into layout editor. 


Drag the text field from library to layout editor as shown. 


SSS Ball (Master Pages X (XML. Source x We POF Preview X 
seed aXon WEE -|. 5... ete Bt atest ELT 


= i data ^ 
= [C (Master Pages) 
= FD Pagel Rica ae 
FÐ (untitled Content Area) ^ 1 twp 1] To Dati 
= bi Body 
SDATE 
EDATE 
No of | 
days "m we 3 
" > 2 12 bi 


Hierarchy New Body Page 


af (M y show Names 


ci FU Show Captions 
Show Both 


Rename the variable name as 'checkDate' and write the following code in the script editor. 


// Validation for the date(dd/MM/yyyy) 
function isValidDate(DateVal) 
{ 


//xfa.host.messageBox("Date Val : "+DateVal); 


var isValidDate = true; 


DateVal = DateVal.replace("/","-"); // replace first '-' with '/ 
DateVal = DateVal.replace("/","-"); // replace first '-' with '/ 


if(DateVal!=null) 
var r = new RegExp(); 
r.compile("^[0-9]14) -(((0[13578]|(10|12))-(0[1-9]|[1-2][0-9]| 3[0-1]))|(02- 
(0[1-9]|[1-2][0-9]))|((0[469]|11)-(0[1-9]|[1-2][0-9]|30))) $ ", " i"); 
isValidDate = r.test(DateVal); 


} 
if(!isValidDate) 
{ 


Date",0,0); 


//xfa.host.messageBox("Invalid Date! Please select the Date","Error in 


return isValidDate; 


} 

Step5: Select the days element in the Body Page and select the event VALIDATE to 
validate the From Date and To Date fields and also logic for calculation of days. 

var sdate = data.Body.SDATE.rawValue; 

var edate = data.Body.EDATE.rawValue; 

// lf the both the dates are initial or space, assigning days field to ZERO 
if((sdate==null)||(sdate=="")||(edate==null)||(edate=="")) 


data.Body.days.rawValue = "0"; 


} 
// Validation of the From Date field 


var isFromDateValid = data.Body.variables.checkDate.isValidDate(sdate); 
if(isFromDateValid == false) 


data.Body.days.fontColor = "255,0,0"; 
xfa.host.setFocus("data.Body.days"); 
data.Body.days.rawValue = null; 
xfa.host.messageBox("Invalid From Date! Please select valid From Date","Error in From 
Date",0,0); 
} 


else 


data.Body.days.fontColor = "51,51,51"; 
} 


} 
if((sdate==null)||(sdate=="")||(edate==null)||(edate=="")) 
{ 


data.Body.days.rawValue = "0"; 


} 
// Validation of the To Date field 
{ 


var isToDateValid = data.Body.variables.checkDate.isValidDate(edate); 
if(isToDateValid == false) 


{ 
data.Body.days.fontColor = "255,0,0"; 
xfa.host.setFocus("data.Body.days"); 
data.Body.days.rawValue = null; 
xfa.host.messageBox("Invalid From Date! Please select valid To Date","Error in To 
Date",0,0); 
} 


else 


{ 
data.Body.days.fontColor = "51,51,51"; 
} 
} 
// Validation if From date field more than To Date field 
if(isFromDateValid == true && isToDateValid == true) 


if(sdate>edate) 


xfa.host.messageBox("'From Date'"+sdate+" is more than 'To Date'"+edate,"Dates 
Incompatibility",0,0); 
data.Body.SDATE.fontColor = "255,0,0"; 
data.Body.EDATE.fontColor = "255,0,0"; 
data.Body.days.rawValue = null; 
} 


else 
t 
// Logic to calculation of days between given dates 
var sdatel = util.scand("yyyy-mm-dd", sdate); 
var edatel = util.scand("yyyy-mm-dd", edate); 
for(var i=0;;) 
{ 
var sDateT = sdatel.getTime(); 
var sDateD = sdatel.getDay(); 
var sDateN = sDateT+(24*60*60*1000); 
if(sdatel>edate1) 


break; 


i = i+1; 
sdatel = new Date(sDateN); 
data.Body.days.rawValue = i; 


} 
} 


Click here to continue... 


Step6: Execute the form. Pass the value 'X' to the IMPORT parameters DYNIMIC and 
FILLABLE. 


The output would be 


From Date [ e] To Date | 


No of Days o | 


Casel: If you entered wrong date in 'From Date', 


Warning: JavaScript Window - Error in From Date 


From Date 


IX] Irrvalid From Date! Please select vald From Date 


Case2: If you entered wrong date in 'To Date’, 


Warning: JavaScript Window - Error in To Date sdfdfg si 


x) Invalid From Date! Please select valid To Date 


Case3: If you entered 'From Date' is more than 'To Date'. 


Warning: JavaScript Window - Dates Incompatibility 


uj 'From Date '2010-12-10 is more than 'To Date '2010-12-08 


Case4: If you entered correct dates, then days between two dates would be calculated as 
shown. 


From Date 10.12.2010 To Date IT 12.2010 


No of Days [2 | 


Quick testing for SAP Adobe Forms 
By Yogesh Rane, Deloitte Consulting 
1) Goto transaction SFP and open any form in the testing client where you have the data. 


2) Then click on Utilities -> Settings as shown below: 


Uploading form 
Downloading form _ 
Upioading sobtres 


Downloading subtree.. 


Insert V Web Onoto Script 


e MM —————— 


—— 


1 


Folder Node FOLDER 


vsvv7777 97 9797 7° 9 
f I POPPE 
; HE | 
E * 

m 


? 
o 
a 
a 
a 
a 
a 
e 
e 
a 
a 
a 
a 
a 
e 
@ 


3) We get a pop as shown below. Select Option 4 Very Detailed Trace from the drop down list 
and hit Enter. 


4) Execute the transaction that you use to generate the print preview as usual and click on 
the Attachments button as shown below: 


Print Preview 


Number: 4300000470 


Date : 12/13/2010 New/Change  : New Purchase Order Buyer : Te 
PO. Type : Drop Ship PO Terms Phone : 4£ 
Currency : USD Authorization #: E-Mail : to 
Carrier : CEVA s 

Service Level : Carrier 
Inco Terms : Ship Complete: Acct#: 


Test - McKesson Provider Tech. 


HEWLETT PACKARD 

Vendor # : 64000023 AN 

Contact 5995 Windward Pkwy street 2 
= Alpharetta, GA 30005-4184 

Phone : US 


Avnet 7 
Accour 
2021L 
Richar¢ 
Email: 


5) Save the file XFD.xml in the attachments to a desired location on your desktop as shown 


below: 


oo 


"UO ZFP TPOS PURCHASE ORDER. Document Services Tereplate 


12/13/2010 New/Change : New Purchase Order Buyer : Toni Jarnagin 

: Drop Ship PO Terms Phone : 480-794-8749 
USD Authorization 3: E-Mail : toni jarnagin@avnet.com 
CEVA Service Level : Cana 


Ship Complete: Acca 


Modified 


Document Seces Log 1/31/2001 44136 Au 15 K$ $B 

Document Serre ex KDC 2 4/2/2009 1047.0 AM 109 Ke Man 

Document Services Control Swear — 1/31/2011 441.37 AM Lee 1xB 

Document Series Trsce 1/1/2011 4:41:38 AM. Dx 1x 

Document Services Config 1/31/2011 4:41:38 AM 2ko 1xB 

Document Seroces Date JAU 441 AM Li] LL 
1/31/2011 441:38 AM 


Purchase Order 


6) Now in the development client open the form and go to Layout tab of the Adobe form. 
From the Menu click on Edit -> Form Properties. 


Form ZFPTP004 PURCHASE ORDER US 


1s 


i 


BIU|ezam y 
urga 


-J 


Quinte 


Dugpcite Cie 
Copy Mumpie 


Vend tiet 


7) Click on Default tab and browse for the XML file as shown: 


[zm ^ pei Table Lee. Hu Def]dtfomiocle: EE ~ 
Seth hs bas COW 


Song 
Default Language: Formak v — OefsutRunAt: Client 
Preserve Sopiro Changes To Form When Saved: 
© automaticaly cpu MINI WIN hata 
Not alowed for certified forms) 
© Manusty (Use preSave and rvsalkre scrpts to save, validate, and restore 
State informaton.) 


Preview 


NDP Preview Format: Acrobat 7 (State) POF Form — 


Server 
Ml Override Default Rendering 


POF fende Format Acrobat 7 {Statc) POF Form 


8) Hit Enter and click on the Preview tab as shown and you'll have the layout preview with the 
data there itself. 


jJHBIUZ--2- OA BRB e 


Form ZFPTPOG4_PURCHASE_ORDER_US Active 


Properes Context AT 


[Eat yew insert Table Layout Tools Palettes Help 
== Ïh p tS har Seed Bmw BIU ezam f 
| Show: Events wih Soaps 9 T} fa + G Lengua 


———— 


- qma a DP uus 
-jx Design View '| Master Poges X" |% Preview POF X 


| IP merarchy 35 Data View = 2 AVNET urcnase 


NewChamge — New Purchase Order Buyer Ton Jamage 
PO Type . Omp Shp PO Terms Phone 480.704.8749 
Currency uso Authonzabon € EMat tom jaeragrQpavoet com 


Service Level Carree 


Sno Complete 


HEWLETT PACKARD Test - Merson Provides Tech Amet Tecteoiogy Soh/sont 
Vendor & | 64000023 ^im cari rd ard 
9) Now changes to the form layout can be checked immediately in the preview tab itself 
without activation. 


Date validation in interactive adobe forms 
By Phani Diwakar 


In adobe form, for date field by default we get F4 help for selecting the date and also we can 
enter the date manually too. When we are doing interactive adobe forms, usually we get 
problem with date fields such as we can enter any garbage value manually in date field or 
we can enter any date format. We cannot restrict not to enter the date manually. So we 
need to validate the date field with particularly in one specific format. This document gives 
an idea about this. 


When you execute the form, initially date will be appeared as shown below. 


Date 


We can define our own format other than standard SAP provides. Suppose If you want to 
display the date in YYYY.MM.DD format, then you have to follow the below procedure. 


A. Check whether the date format YYYY.MM.DD is already exists. For that, check the 
Display Pattern in Field tab of Object palettes as shown. This displays what are the 
available formats. 


Type: oy Date/Time Field 


Caption: 


We want to display the date format as YYYY.MM.DD which is not already exists as shown 
above. In this case we need to define this date format. 

B. Now go to Edit Pattern in Field table of Object palette and write the date format 
YYYY.MM.DD as shown below. 


Now if you see the Display patterns, 


If you check point A, you cannot find this date format. Select the YYYY.MM.DD format as 
shown. 


Activate and execute the form. 


Name | 


Still you can enter the date in different formats or else we can give some garbage in date 
field as shown. 


Name | 


APLlechnical CON 


Date — Kdsfkdjg 


For that we need to validate the date field. Follow the below process to validate the date. 


Now go to Value tab of Object palette as shown. In the value tab, we have Validation 
Pattern, there select the date format. 


M Object x^wyout order ^accessbéty 7^, 


[Field | Value \ Binding N 


Type: User Entered - Optional - 


Default: 
ae s: ; : 
I PDF Preview 5e / ^U"nnmn t I O . 
2 3 4 a i5 
Name | 


d | L YYYT -MM-DD 
Date EEEE, MMMM D, YYYY 


Validation Script Mes HH:MM:SS 
date (YY YY-MM-DD} time {HH:MM:SS} 


Activate the form and execute it. 


] 


If you enter the date other than YYYY.MM.DD format and press the enter button 


The following standard error message will be displayed as below. 


Name 


Date [201 1/03/12 


EEC ADT bing! CONA 
A DATE validate failed. 


If we want to give specific message other than standard message, go to value tab of Object 
and select the check box validation pattern message. There provide the custom text to 
be displayed. 


Activate the form and execute. 
Name 


Date 


If we enter any garbage or any other format other than YYYY.MM.DD, we get the following 
message. 


Name | 


Date [sfsfdsf 


